css设置表格第⼀列背景⾊_css选择器及其优先级
⼀、基础知识点
1. 选择器类别
2. 基础选择器优先级(权重)
3. 优先级计算规则
两个选择器给同⼀元素设置相同的属性，分别将两个选择器权重相加，属性⽣效满⾜以下规则。
css选择器分为哪几类(1)权重⼤的选择器⽣效
(2)权重相同，后设置的选择器⽣效
值得注意的是：所有设置的选择器都会⽣效，只是优先级⾼的会覆盖掉优先级低的。
⼆、重难点
1.邻近兄弟选择器A+B，顾名思义就是选择紧靠在A元素后⾯的B元素
/* css */.div+.div{  background-color: teal;}
div1
div2
div3
div4
以上述代码为例，显⽰效果如下图，可以看到只有紧靠在div1后⾯的div2添加了背景⾊
将上述例⼦中邻近兄弟选择器+换成兄弟选择器~，显⽰效果如下，div1后⾯的div2和div4都添加了背景⾊
2. 直接⼦代选择器A>B，选择A元素的直接⼦元素B
/* css */.div > div {  color: teal;}.indiv {  color: thistle;}
div1
div11
div2
以上述代码为例，显⽰效果如下，显然.div > div选择器的权重>.indiv，但是却没有在div11中⽣效，说明其没有做到到div11上。
将上述例⼦中直接⼦代选择器A>B换成后代选择器A B，显⽰效果如下，div11添加了⼀样颜⾊
3. 关系选择器(邻近兄弟选择器，兄弟选择器，直接⼦代选择器，后代选择器)的权重为其⽤到的基础选择器权重之和，与其是哪⼀种关系
选择器⽆关。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。