标记内第一个标签的样式

Question

我想在<p>标记中设置第一个标签的样式。

我希望第一个标签字体大小为20px，而第二个标签大小为10px。我知道使用id和classess。但我想要

p->first:label

提前致谢。

Answer 1

p label { font-size:10px;}
p label:first-child { font-size:20px;}

Answer 2

您可以使用first-child

p label:first-child
{
 /* your style */
}

Answer 3

实际使用:first-of-type可能更好，所以：

p > label { font-size: 10px; }
p > label:first-of-type { font-size: 20px; }

Answer 4

<强> Demo

我建议使用nth-of-type()

Read here for more details

HTML

<p>
    <label>this is a label</label>
    <label>this is a label</label>
    <label>this is a label</label>
    <label>this is a label</label>
</p>

CSS

p label:nth-of-type(1) {
    color: red;
}