सीएसएस - एक आईडी

के भीतर कक्षा का चयन करने के लिए सिंटेक्स कक्षा नाम के माध्यम से किसी आईडी के भीतर टैग का चयन करने के लिए चयनकर्ता वाक्यविन्यास क्या है? उदाहरण के लिए, आंतरिक "ली" मोड़ लाल करने के लिए मुझे नीचे क्या चुनने की आवश्यकता है?सीएसएस - एक आईडी

<html> 
<head> 
    <style type="text/css"> 
     #navigation li 
     { 
      color: green; 
     } 

     #navigation li .navigationLevel2 
     { 
      color: red; 
     } 
    </style> 
</head> 
<body> 
    <ul id="navigation"> 
     <li>Level 1 item 
      <ul class="navigationLevel2"> 
       <li>Level 2 item</li> 
      </ul> 
     </li> 
    </ul> 
</body> 
</html>

स्रोत

2009-07-16 Jeremy

#navigation .navigationLevel2 li 
{ 
    color: #f00; 
}

स्रोत

2009-07-16 22:25:12

अनियंत्रित चयनकर्ता है! – Galen

मेरा मतलब अनियंत्रित था! – Galen

केवल तभी दिखाया गया उदाहरण सभी मार्कअप है। आप सभी जानते हैं कि आवश्यक मार्कअप अधिक जटिल है। मैंने दी गई जानकारी से मेरा जवाब आधारित किया। –

.navigationLevel2 li { color: #aa0000 }

स्रोत

2009-07-16 22:24:39 Galen

:: तुम कितने तरह तीसरे स्तर को लक्षित कर सकते है, तो यह जाने का रास्ता है, क्योंकि यह कम चयनकर्ताओं है और इस प्रकार तेजी से होता है। कम से कम Google के पेज प्रदर्शन सलाह के अनुसार। – PatrikAkerstrand

यहाँ दो विकल्प है। मैं navigationAlt विकल्प पसंद करते हैं, क्योंकि यह अंत में कम काम शामिल है:

<html> 
 

 
<head> 
 
    <style type="text/css"> 
 
    #navigation li { 
 
     color: green; 
 
    } 
 
    #navigation li .navigationLevel2 { 
 
     color: red; 
 
    } 
 
    #navigationAlt { 
 
     color: green; 
 
    } 
 
    #navigationAlt ul { 
 
     color: red; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    <ul id="navigation"> 
 
    <li>Level 1 item 
 
     <ul> 
 
     <li class="navigationLevel2">Level 2 item</li> 
 
     </ul> 
 
    </li> 
 
    </ul> 
 
    <ul id="navigationAlt"> 
 
    <li>Level 1 item 
 
     <ul> 
 
     <li>Level 2 item</li> 
 
     </ul> 
 
    </li> 
 
    </ul> 
 
</body> 
 

 
</html>

स्रोत

2009-07-16 22:30:43 Jason

यह भी काम करेगा और आप अतिरिक्त वर्ग की जरूरत नहीं है:

#navigation li li {}

आप तो ली का तीसरा स्तर है, आपको उपरोक्त चयनकर्ता से प्राप्त कुछ शैलियों को रीसेट/ओवरराइड करना पड़ सकता है। यदि इस अवांछित ली में लागू नहीं काम कर देता है

#navigation li li li {}

स्रोत

2009-07-16 22:39:50

सीएसएस - एक आईडी

उत्तर

संबंधित मुद्दे