只使用first-of-type选择第一个p标签

时间:2014-05-07 10:33:05

标签: html css

:first-of-type css选择器查​​找所有出现的事件,这是第一个兄弟姐妹中的第一个类型。因此在这种情况下:

HTML

<div id="aaa">
  <p>Blaha</p>
  <header><p>Mooxa</p></header>
</div>

CSS

#aaa p:first-of-type { color:red; }

两个p标签都会涂成红色。

有人知道如何只在div#aaa中创建第一个p标签,而#34; Blaha&#34;在它的颜色红色?

聚苯乙烯。我无法添加任何类或ID Ds。

这是一个jsfiddle:http://jsfiddle.net/hz5Qe/

1 个答案:

答案 0 :(得分:3)

使用仅引用直接子元素的>符号。

#aaa > p:first-of-type { color:red; }

<强> DEMO