复习总结14种CSS选择器与权重大小

一 以下为单选择器
行内样式 权重 1000
！important 权重无限大 ie6不支持

1，标签/元素 选择器 权重 的大小按着256进制计算 并不是10比1大9的
关系
div p span … 权重 ：1
div{
}
2 ，ID 选择器

权重 ：100 #idname

3 ，类/类别 选择器

.calssname 权重 ：10 4, 通配符/通用 选择器 *{ } 权重 ：0

5.伪类选择器
:link :hover 权重 ：10

6，伪元素选择器

::before ::alert :first-letter{
} 权重 ：1
7，属性选择器
[title]{

} 权重 ：10

8，父子/后代/派生/关联 选择器
div h1 span{
}

9，子集/直接子元素 选择器
div>h1{
}

10，结构性伪类选择器
.box.ft:first-of-type{
}

11，并集选择器
#idneme.classname{
}
12，相邻同胞选择器
div + p{
}
13，群组/分组 选择器
div，
h1，
p，
ul{
}
14，UI元素状态选择器
一般用于表单元素
：disabled 元素不可用无法选择
：read-only
：checked
：read-write
：selection