在几个p标签上使用first-child标签?

时间:2014-08-03 20:48:42

标签: html css css-selectors

我最近进入了html& css,我不太了解。我试图在几个paragraphed链接标签上使用第一个孩子选择器时遇到困难。它是这样的:
<p><a href="link">text</a></p> <p><a href="link">text</a><p> <p><a href="link">text</a><p>

那么在这种情况下使用第一个孩子是否有可能只影响第一段?如果不是最好的方法呢?

(抱歉我的英文..)

提前致谢!

1 个答案:

答案 0 :(得分:-1)

您可以使用CSS3执行此操作,例如下面的代码,以执行您想要执行的操作。

p a {
  color: red;
}
p:first-child a{
  color: blue;
}

但是,这意味着它只适用于支持CSS3的现代浏览器,如IE9 +,Chrome,Safari和Firefox

此工作示例:http://embed.plnkr.co/67O3p6EBS1xmJ8w8m1e1/preview