2012-01-20 16 views
7

में पहली अवधि के लिए उपयोग करने के लिए चयनकर्ता को ढूंढने में परेशानी, मैं कक्षा के उपयोग के बिना दूसरे अवधि (बार) को प्रभावित किए बिना पहली अवधि (फू) को स्टाइल कैसे लक्षित कर सकता हूं? आईई 6 समर्थन की आवश्यकता नहीं है। मैंने पहले बच्चे का उपयोग करने की कोशिश की लेकिन वह केवल छवि के बिना काम करता है।एक div

अगर मैं ".adcodeblock span: nth-child (3)" का उपयोग करता हूं तो मैं अवक्रमण के साथ रह सकता हूं, लेकिन मैंने सोचा कि मैं पहले अधिक अनुभवी लोगों से जांच करूंगा।

<div class="adcodeblock"> 
    img src="/images/aUHFgK.jpg" alt="" border="0"> 
    <br> 
    <span>Foo</span> 
    <span>Bar</span> 
</div> 

उत्तर

10

आप :first-of-type छद्म वर्ग का उपयोग कर सकते हैं:

.adcodeblock span:first-of-type 

एक ब्राउज़र समर्थन तालिका के लिए this देखें। पुराने ब्राउज़र के लिए मैं कुछ इस तरह का प्रयोग करेंगे: आप IE8 के बिना रहते हैं और नीचे कर सकते हैं

.adcodeblock br + span 
4

, आप की कोशिश कर सकते

.adcodeblock span:nth-of-type(1)