सीएसएस में कॉमा, एक ही सीएसएस

Question

.Resource table.Tbl td 
{ /* some css*/ } 

.Resource table.Tbl td.num 
{ /* some css 2*/ } 

.Resource table.Tbl td.num span.icon 
{ /* some css 3*/ } 

.Resource table.Tbl2 td 
{ /* some css*/ } 

.Resource table.Tbl2 td.num 
{ /* some css 2*/ } 

.Resource table.Tbl2 td.num span.icon 
{ /* some css 3*/ } 

का उपयोग कर एकाधिक चयनकर्ता जहां टीबीएल और टीबीएल 2 के लिए सीएसएस समान होना चाहिए।

.Resource table.Tbl, table.Tbl2 td { /* some css*/ } 

काम नहीं करता।

मैं पूरी लाइन को डुप्लिकेट किए बिना इसे कैसे प्राप्त कर सकता हूं?

Answer 1

.Resource table.Tbl td, .Resource table.Tbl2 td { /* some css*/ } 

आपको दोनों नियमों के लिए पूर्ण पूर्वजों को जोड़ना चाहिए। न केवल आप अंतर देखते हैं।

Answer 2

.Resource table.Tbl td, .Resource table.Tbl2 td { /* some css */ } 

आप समूह के लिए कोई रास्ता नहीं है क्योंकि वहाँ , ऑपरेटर वंशज चयनकर्ता   की तुलना में अधिक पूर्वता से पहले और table.TblX के बाद सामान नकल करने की है।

Answer 3

आप नहीं कर सकते (अच्छी तरह से हर ब्राउज़र पर नहीं, पढ़ सकते हैं)।

प्रत्येक चयनकर्ता स्वतंत्र है, दुर्भाग्य से।

यह CSS's annoying issues में से एक है।

:any() है, जो आप चाहते हैं कि कर सकते हैं, लेकिन ब्राउज़र समर्थन सीमित है।

आप इसे वैसे भी कर सकते हैं जिसे आप सर्वर साइड भाषा के साथ पसंद करते हैं और प्री-प्रोसेस करते हैं, इसलिए यह स्वतंत्र चयनकर्ताओं को आउटपुट करता है।

LESS लोकप्रिय है।

Answer 4

.Resource table.Tbl, table.Tbl2 td { /* some css*/ } 

आप लगभग वहाँ रहे हैं। मुझे लगता है कि तुम्हारा मतलब

.Resource table.Tbl td, table.Tbl2 td { /* some css*/ } 

टिप्पणी अतिरिक्त td - आप पूर्ण प्रत्येक तत्व के लिए "पथ" निर्दिष्ट करने की आवश्यकता।

सीएसएस प्री-प्रोसेसर जैसे LessCSS प्रस्ताव वाक्यविन्यास संरचनाएं जो दोहराव वाले संरचनाओं से निपटने में आसान बनाती हैं।