:first-of-type
选择的 p 元素是其父元素的第一个 p 元素:
p:first-of-type
{
background:#ff0000;
}
为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景:
p~ul{
background:#ff0000;
}
<p>快乐生活</p>
<ul>
<li>生活</li>
<li>生活</li>
<li>生活</li>
</ul>
例子:
&:first-of-type ~ .ant-btn {
margin-left: 21px;
}
第一个元素后面的所有 .ant-btn
margin-left
为 21px