css选择器和权重

1.id 一对一

123
234
css: #only{ background-color: brown;} #only1{ background-color: greenyellow;}

2.class 多对多

345
css: .demo{ background-color: rgb(47, 255, 175);}. demo1{ color: firebrick;}

3.标签选择器

345
456
css: span{ color: #f40; font-weight: bold;}

4.通配符所有标签都能用

234
123
234 css: *{ background-color: blueviolet;}

优先级

111
css: div{ background-color: green !important;}

!important>行间样式>id>class=属性>标签选择器>通配符

css权重
!important Infinity
行间样式 1000
id 100
class 属性 伪类 10
标签伪元素 1
通配符 0

你可能感兴趣的:(学习内容)