मैं तत्वों के सभी वंशजों को एक सीएसएस नियम कैसे लागू कर सकता हूं

Question

यदि आप किसी अन्य विशिष्ट वर्ग में कक्षा को फिर से परिभाषित कैसे कर सकते हैं?

div.cls { 
color:blue; 
} 

div.tst > div.cls { 
color:red; 
} 

<div class="cls">test</div> // text color = blue 

<div class="tst"> 
    <div class="cls">test</div> // text color = red 
    <div> 
    <div class="cls">test</div> // text color = blue 
    </div> 
<div> 

अंतिम व्यक्ति को लाल कैसे बनाया जाए?

jsfiddle

http://jsfiddle.net/gpD7H/

Answer 1

उपयोग descendant selector^[W3C]: div.tst div.cls

>child selector^[W3C] है और केवल एक तत्व के बच्चों से मेल खाएगी।

Answer 2

बिल्कुल इसी तरह। हालांकि, आपका दूसरा प्रभाग लाल पाठ नहीं होगा क्योंकि यह किसी अन्य विभाजन के भीतर भी निहित है। > चयनकर्ता केवल इससे मेल खाने वाले तत्व के तहत तत्काल बच्चों से मेल खाता है, इसलिए यह केवल एक स्तर पर div.tst के अंदर देख रहा है। चयनकर्ता से > निकालने का प्रयास करें:

div.tst div.cls { 
color:red; 
} 

Your updated jsFiddle

Answer 3

मैं इस प्रयोग किया जाता है, यह मेरे लिए काम:

.name के- माता पिता * {रंग: लाल; }