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

Question

क्या CSS के साथ कोई तत्व चुनते समय किसी को बच्चे की गहराई को सीमित करने के समाधान के बारे में पता है?

उदाहरण:

.my-class div div:end(styles:here) 

इस पृष्ठ में हर एक पल div को CSS वर्गों को जोड़ने के लिए है, जबकि तीसरे चौथे आदि बच्चे को नीचे पर पारित किया जा रहा से शैलियों को रोकने होने रोका जा सके।

Answer 1

आप इसे विशेष रूप से the > operator के साथ केवल 1 स्तर गहराई से खोजने के लिए कह सकते हैं।

निम्न उदाहरण पर विचार करें:

#target > p > span { 
    background: red; 
} 

यह एक प्रत्यक्ष चाइल्ड तत्व <p> के लिए #target खोज करेंगे, और उस तत्व के भीतर, एक प्रत्यक्ष चाइल्ड तत्व <span> लिए खोज करेंगे। तो यदि कोई नेस्टेड <p> तत्व है, और इसके अंदर एक अवधि है, तो यह प्रभावित नहीं होगा।

नेस्टेड सूची आइटमों के लिए एक बहुत ही सामान्य उपयोग है, जहां आप मुख्य सूची शैली चाहते हैं, लेकिन द्वितीयक सूची नहीं है।

ul#parent > li /* Direct descendant. */ 
ul#parent > li > ul > li /* 2 levels deep descendant. */