第一个儿童选择器

Question

是否可以通过在几个类名之前的第一个子选择器获取元素来设置元素的样式？

例如：

.divHeader > ul > li:first-child > p { width:80% };

Answer 1

这是一个你编写的目标选择器的例子（以及一个替代的小提琴）。试一试，看看它是否能为您提供所需的行为。

JSFiddle

示例：

<div class="divHeader">
    <ul>
        <li><p>hello</p><p>hi again</p></li>
        <li><p>hola</p><p>gutentag</p></li>
    </ul>
</div>

.divHeader > ul > li:first-child > p { color: blue; width:80%; }

*蓝色有助于发现应用更改的区域