CSS通配符：first-child

Question

我有一块笨重的css用于设置元素第一个子元素的margin-top。第一个孩子可以是任何标签。

.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;    
}

看看here。