层次选择器是CSS中非常常用的一种选择器。这种选择器可以根据元素之间的父子关系、兄弟关系和祖先关系来选择元素,使得CSS选择器的表达更为灵活。/ 父子选择器 / 父元素 子元素 { 属性: 值; } ...
层次选择器是CSS中非常常用的一种选择器。这种选择器可以根据元素之间的父子关系、兄弟关系和祖先关系来选择元素,使得CSS选择器的表达更为灵活。
/* 父子选择器 */
父元素 子元素 {
属性: 值;
}
/* 兄弟选择器 */
元素1 ~ 元素2 {
属性: 值;
}
/* 相邻兄弟选择器 */
元素1 + 元素2 {
属性: 值;
}
/* 后代选择器 */
祖先元素 后代元素 {
属性: 值;
}
/* 通配符选择器 */
* {
属性: 值;
} 层次选择器在实际开发中的,用处非常大。例如我们可以通过父子选择器来选择指定层级的元素并设置它的样式,也可以通过后代选择器来统一样式一类元素等。