使用CSS的多个选择器的第一个子节点

时间:2017-05-16 10:50:20

标签: css css3 css-selectors

我想对连接多个css选择器的结果使用first-child

示例:如何选择css选择器first-child结果的body .foo, body .bar?单词:选择body元素中存在类foo的所有元素,并选择body元素中存在类条的所有元素。现在获取返回元素集合中的第一个元素。

2 个答案:

答案 0 :(得分:0)

body > p:nth-of-type(1) {
  font-size:20px;
}
<body>
   <p class="foo">Hello</p>
   <p class="bar">Hello</p>
   <p class="foo">Hello</p>
   <p class="bar">Hello</p>
</body>

答案 1 :(得分:0)

你可以试试这个:

<强> DEMO HERE

第一个.foo

body p:nth-child(1){...}

第一个.bar

body p:nth-child(2){...}

首先<p>

body&gt;号码:第一胎{...}