为什么div＃foo hr：first-child不起作用

Question

我觉得这应该有用，如果你能说#foo p：first-child为什么#foo hr：first-child不起作用。如果有人能解释这个，我真的很感激。

我在这里设置了一个JSFiddle演示 - http://jsfiddle.net/mGu7x/6/

Answer 1

<hr>个元素都不是其父元素的第一个子元素。

请参阅this updated demo，使边框更明显，并将hr移至顶部。

您可能希望查看CSS 3中新增的:first-of-type并执行您想要查找的内容。 （我可以在非当前IE之外使用suggests that it has wide support。

请参阅a demo using :first-of-type（我仅在Chrome中测试过）。

Answer 2

由于#main的{​​{1}}是first-child，而不是p。

您可以使用nth-child：

hr