CSS3的新特性#
CSS3的现状#
- 新增的CSS3特性有兼容性问题，ie9+才支持
- 移动端支持优于PC端
- 不断改进中
- 应用相对广泛
- 当前学习： 新增选择器 和 盒子模型 以及 其他特性
属性选择器#
属性选择器可以根据元素的特定属性来选择元素，这样就可以不用借助于类或者id选择器
| 选择符 | 简介 |
|---|---|
| E[att] | 选择具有att属性的E元素 |
| E[att="val"] | 选择具有att属性且属性值等于val的E元素 |
| E[att^="val"] | 匹配具有att属性且值以val开头的E元素 |
| E[att$="val"] | 匹配具有att属性且值以val结尾的E元素 |
| E[att*="val"] | 匹配具有att属性且值中含有val的E元素 |
注意：类选择器、属性选择器、伪类选择器，权重为10
1.利用属性选择器可以不用借助于类或id选择器
2.属性选择器还可以选择属性=值的某些元素， 重点
3.属性选择器可以选择属性值开头的某些元素
小图标1
小图标2
小图标3
小图标4
打酱油nie
4.属性选择器可以选择属性值结尾的某些元素