在div中定位段落

Question

我有这行HTML代码:

<div id="slideshow2">
  <div class="active2">
    <img src="noangel.png" alt="Slideshow Image 1" />
    <p class="imgDescription2">NoAngel</p>
  </div>
  <div>
    <img src="anders.png" alt="Slideshow Image 2" />
    <p class="imgDescription2">This is Anders</p>
  </div>
  <div>
    <img src="fayeblais.png" alt="Slideshow Image 3" />
    <p class="imgDescription2">Something about FayeBlais</p>
  </div>
  <div>
    <img src="ronny.png" alt="Slideshow Image 4" />
    <p class="imgDescription2">Ronny Information</p>
  </div>
</div>

我如何仅针对第一段或第三段仅更改颜色,字体类型等？

Answer 1

你的意思第三<div>写第三只一个改变颜色比你需要使用

#slideshow2 > div:nth-of-type(3) > p {
   /* Styles */
}

所以使用上面的选择器,选择具有id的元素slideshow2然后我选择第三个数字直接子<div>,并在最后我选择<p>直接子元素到第三个<div>

演示