css :first-of-type 和 ~

: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