CSS ~ ＞ 空格 :nth-child() 等用法

完整例子
将某一个class下的div隐藏

.association_none .ant-tabs-nav > div > div:nth-child(2) {
display: none;
}

css中“~”是:
为所有相同的父元素中位于 p元素之后的所有 ul 元素设置背景：
p~ul{
　　background:#ffffff;
}

css中“>” 例.a>.b｛大于号指子代元素｝；是:
css3特有的选择器，A>B 表示选择A元素的所有子B元素。

css中.a .b｛空格指后代元素}

:nth-child() 规定属于其父元素的第二个子元素的每个 p 的背景色：

p:nth-child(2)
{
background:#ff0000;
}