यह सीएसएस में कई छद्म तत्वों का उपयोग करना ठीक है?

Question

मैं एक मेनू जहां प्रत्येक आइटम एक · के साथ अलग किया जाता है बनाना चाहते हैं। इसे प्राप्त करने के लिए मैं

menu li:before { 
    content: "· "; 
} 

यह सूजन है, लेकिन यह पहले आइटम से पहले एक बिंदु उत्पन्न करता है। इसलिए, मैं के रूप में अच्छी :first-child छद्म वर्ग का उपयोग करना चाहते हैं। क्या मैं यह कर सकता हूं?

Answer 1

सुनिश्चित करें कि आप कर सकते हैं - http://jsfiddle.net/WQBxk/

p:before { 
    content: "BEFORE "; 
    display: block; 
} 

p:first-child:before { 
    content: "1ST"; 
    display: block 
} 
​ 

बुरा - यह IE7 और नीचे में काम नहीं करेगा। एकाधिक छद्म चयनकर्ताओं की वजह से नहीं, लेकिन गैर-समर्थित :before - http://kimblim.dk/css-tests/selectors/

बस IE8 में परीक्षण किया गया - अच्छी तरह से काम करता है। http://jsfiddle.net/surendraVsingh/zRrLF/

<ul> 
<li>lorem</li> 
<li>lorem</li> 
<li>lorem</li> 
<li>lorem</li> 
<li>lorem</li> 
<li>lorem</li> 

</ul>​ 

सीएसएस:

li:before{content:'. ';} 
li:first-child:before{content:'@ ';} 

Answer 2

यहाँ काम कर रहे बेला है किसी भी pseudoclass की अनुकूलता आप यहाँ http://caniuse.com/#search=after

उपयोग करने के लिए आप एक बिंदु j नहीं करना चाहते हैं जा रहे हैं उस्त सामग्री और उसके बाद प्रदर्शन में खाली अल्पविराम का उपयोग: ब्लॉक और भी ऊंचाई और चौड़ाई निर्दिष्ट करें।

menu li:before { 
    content: ""; 

    display:block; 
    width:50px; 
    height:50px; 
    background:red; 

} 

Answer 3

बेशक आप छद्म classes.They उपयोग कर सकते हैं के

काफी अच्छी तरह से IE8 और up.You से समर्थन कर रहे जांच कर सकते हैं