[分享]css3层次选择器语法

CSS3层次选择器允许我们根据元素在HTML页面中的嵌套关系来选择元素，从而实现更加精确的样式控制。/直接选择子元素/ div>p { /将选择所有div的子元素中的p元素/ } /间接选择子元...

CSS3层次选择器允许我们根据元素在HTML页面中的嵌套关系来选择元素，从而实现更加精确的样式控制。

/*直接选择子元素*/
div>p {
    /*将选择所有div的子元素中的p元素*/
}

/*间接选择子元素*/
div li {
    /*选择所有div下面的li元素*/
}

/*选择下一个相邻兄弟元素*/
h1 + p {
    /*选择h1的下一个相邻的p元素*/
}

/*选择后续全部相邻兄弟元素*/
h1 ~ p{
    /*选择h1后续所有相邻的p元素*/
} 

以上是CSS3层次选择器的常用语法，通过上述语法可以快速定位到需要样式控制的元素。