css - 带有 :first-child 的 CSS 通配符

Question

我有一块笨拙的 CSS 用于设置元素的第一个子元素的边距顶部。第一个孩子可以是任何标签。

.comment-description  p:first-child,
.comment-description  ol:first-child,
.comment-description  ul:first-child,
.comment-description  pre:first-child,
.comment-description  blockquote:first-child
{
    margin-top:0px;    
}

我确信我可以把它砍下来，但由于我不经常设计，我不记得有更好的方法。我可以使用类似的东西：

.comment-description *:first-child
{
    margin-top:0px;    
}

不幸的是，这不起作用。

Answer 1

您可能对以下内容感兴趣：

.comment-description > :first-child {}- 只选择直系子女

或者

.comment-description :first-child- 选择所有子元素的第一个子元素

看：

http://jsfiddle.net/9VqsW/1/

Answer 2

为了澄清一点：

• .element selector- 选择所有匹配的后代selector。不管selector是类、伪类还是 ID。
• .element > selector- 仅选择匹配的直接子代selector

看起来你想要：

.comment-description > :first-child{
   ....
}

Answer 3

.comment-description :first-child
{
    margin-top:0px;    
}

具有相同的效果

.comment-description *:first-child
{
    margin-top:0px;    
}

看看这里。