用CSS定位这个元素？

Question

使用nth-child，我如何设置以下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

我会说，请跟：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

或者，如果您真的更喜欢:nth-child，请使用：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;