一、其他的选择器
1.属性选择器:可以挑选带有特殊属性的标签
语法
- [属性名]
- [属性名 = “属性值”]
- [属性名 ~= “属性值”]
- [属性名 |= “属性值”]
- [属性名 ^=“属性值”]
- [属性名 $= “属性值”]
- [属性名 *= “属性值”]
2.子元素选择器:子元素选择器可以给另一个元素的子元素设置样式
语法:父元素 > 子元素{}
其他:
- 第一个子元素:
:first-child
- 最后一个子元素:
:last-child
- 指定位置子元素:
:nth-child
- 选择指定类型的子元素:
:frist-of-type
:last-of-type
:nth-of-type
3.兄弟选择器:给兄弟元素设置样式
语法:兄弟元素 + 兄弟元素 {}
4.否定伪类:选择除了它以外的元素
语法::not(class){}
二、继承
应用在一个标签上的css样式也会应用到它的内嵌标签中
三、选择器的权重
内联样式:1000
id选择器:100
类、属性、伪类选择器:10
元素选择器:1
通配选择器:0
计算权重需要样式的全部选择器的权重相加