CSS选择器种类

选择器种类

1 标签 选择器
2 属性 选择器
3 群组 选择器
4 通配 选择器

上下文 选择器种类

/* 1 子元素 : > */
ul > li{
}
/* 2 后代元素 : 空格 */
ul li{
}
/* 3 相令兄弟 : + */
ul li+*{
    /* 这里的“*”表示通配符  */
}
/* 4 所有兄弟 : ~ */
ul li~*{
    /* 这里的“*”表示通配符  */
}

选择器提高权限

临时提高 h2 权限，使用!important

h2{
    background-color: gray !important;
    /* !important 临时提权到最高权重 */
}
h2 span{
    background-color: gray !important;
    /* !important 临时提权到最高权重 */
}