css - 你能帮我理解这段css代码会做什么吗？

Question

.content > p:first-child {border-top: 1px solid #666; 颜色：rgba(127, 191, 63, 0.72); }

需要一些帮助来理解这段 css 代码会产生什么样的结果，尤其是选择器部分。

谢谢你。

标签： csscss-selectors

Answer 1

.content > p:first-child
{
  color: red
}

<div class="content">
  <p>first paragraph</p>
  <p>second paragraph</p>
  <p>third paragraph</p>
</div>

<p>...</p>结果只是说，括号内的css规则将应用于所有获得class content->（ ）的元素中的第一段（<div class="content"></div>）。