div

Question

के अंदर एक नेस्टेड क्लास में सीएसएस शैली लागू करें, मुझे नहीं पता कि कैसे एक नेस्टेड तत्व में सीएसएस लागू करना है। यहां मेरा उदाहरण कोड है, लेकिन मैं एक ऐसे मैनुअल की तलाश में हूं जो सभी नियमों को समझाता है।

<div id="content"> 
    <div id="main_text"> 
     <h2 class="title"></h2> 
    </div> 
</div> 

कैसे मैं केवल वर्ग title कि विशेष रूप से div अंदर नेस्टेड के लिए सीएसएस लागू कर सकते हैं?

Answer 1

आप

#main_text .title 
{ 
    /*attributes*/ 
} 

का उपयोग करता है, तो आप सिर्फ चयनकर्ताओं के बीच एक रिक्ति शब्दों में कहें, शैलियों पहले के सभी बच्चों (और बच्चों के बच्चों) के लिए लागू होगी। तो इस मामले में, वर्ग नाम के साथ #main_text का कोई भी बाल तत्व। शीर्षक। यदि आप एक क्षेत्र की बजाय > का उपयोग करते हैं, यह केवल तत्व के प्रत्यक्ष बच्चे का चयन करेंगे, और बच्चों की नहीं बच्चों, पूर्व:

#main_text>.title 
{ 
    /*attributes*/ 
} 

या तो इस मामले में काम करेंगे, लेकिन पहले अधिक आम तौर पर प्रयोग किया जाता है।