css选择器
选择器的权重
在css中,那个选择器的权重高,就走谁的样式
标签选择器的权重是1
class选择器的权重是10
ld选择器的权重是100
行间样式的权重是1000
带有关键字!important的css属性权重是无穷大
1 案例;
P{
bockground:blue!important;
}
权重的计算
将选择器上面的权重进行叠加,叠加后的总和计算该选择器的权重
权重相等的时候 后面的会覆盖前面的。
-- css选择器的种类
标签 权重是0001
类class 权重是 0010 相当于255个标签选择器
ld 权重是0100相当于255个类。
*通配符 代表所有的标签 权重是 0000
后代选择器 a p 权重是累加0011
子代选择器 a>p 权重是0011
交集选择器 a#as
案例
p a{
background:red;
}
并集选择器 a,b
案例:
b, a{
background:blue
}
两.css的几种形式
1.行间样式 将style写在标签内的充当标签标签属性
2.行内样式
3.外联样式
选择器的权重
在css中,那个选择器的权重高,就走谁的样式
标签选择器的权重是1
class选择器的权重是10
ld选择器的权重是100
行间样式的权重是1000
带有关键字!important的css属性权重是无穷大
1 案例;
P{
bockground:blue!important;
}
权重的计算
将选择器上面的权重进行叠加,叠加后的总和计算该选择器的权重
权重相等的时候 后面的会覆盖前面的。
-- css选择器的种类
标签 权重是0001
类class 权重是 0010 相当于255个标签选择器
ld 权重是0100相当于255个类。
*通配符 代表所有的标签 权重是 0000
后代选择器 a p 权重是累加0011
子代选择器 a>p 权重是0011
交集选择器 a#as
案例
p a{
background:red;
}
并集选择器 a,b
案例:
b, a{
background:blue
}
两.css的几种形式
1.行间样式 将style写在标签内的充当标签标签属性
2.行内样式
3.外联样式
css选择器的两大特性
1.继承性 所有跟文本字体有关的属性都会被子元素继承。且权重是0000
2.层叠性,就是解决选择器权重大小的一种能力,就是看那个选择器的权重大。谁的权重大听谁打。0010相当于255个0001
1.继承性 所有跟文本字体有关的属性都会被子元素继承。且权重是0000
2.层叠性,就是解决选择器权重大小的一种能力,就是看那个选择器的权重大。谁的权重大听谁打。0010相当于255个0001