この要素をCSSでターゲットに設定しますか？ n番目の子を使用して

Question

、どのように私は、次のHTMLから<span class=field-content>Martin McGurk</span>のスタイルを設定します：

<div id="callout" class="owl-carousel"> 
 
<p> 
 
    <span class=field-content>Good service...</span> 
 
    <span> 
 
    <span class=field-content>Martin McGurk</span> 
 
    </span> 
 
</p> 
 
</div>

Answer 1

私が一緒に行く、と言うでしょう：

#callout span .field-content {background: #0cf;}

<div id="callout" class="owl-carousel"> 
 
    <p> 
 
    <span class=field-content>Good service...</span> 
 
    <span> 
 
     <span class=field-content>Martin McGurk</span> 
 
    </span> 
 
    </p> 
 
</div>

または、あなたが本当に0123を好むなら、使用：

#callout span:nth-child(2) .field-content {background: #0cf;}

<div id="callout" class="owl-carousel"> 
 
    <p> 
 
    <span class=field-content>Good service...</span> 
 
    <span> 
 
     <span class=field-content>Martin McGurk</span> 
 
    </span> 
 
    </p> 
 
</div>