css3新增的选择器
属性选择器 权重和class选择器一样 为10 方括号前面可以加标签名，限制元素
[属性名]{} 属性名可以是自定义属性
[属性名=“属性值”] 属性名和属性值匹配
[属性名^=“值”] 属性值以某个值开头
[属性名$=“值”] 属性值以某个值结尾
[属性名*=“值”] 属性名中包含某个值
伪类选择器 权重值和class选择器一样 为10 0010
结构性的伪类
child系列
父元素 子元素:first-child{} 父元素中的第一个孩子必须和该子元素匹配
父元素 子元素:last-child{} 父元素中的最后一个孩子必须和该子元素匹配
父元素 子元素:nth-child(n){} 父元素中的第几个孩子必须和该子元素匹配 n可以替换成even(偶数)odd(奇数) 也可以是表达式 2n等 n是自然是从0开始
父元素 子元素:only-child{} 父元素中只能有该子元素一个孩子
type系列
父元素 子元素:first-of-type{} 这么多子元素中的第一个
父元素 子元素:last-of-type{} 这么多子元素中的最后一个
父元素 子元素:nth-of-type(n){} 这么多子元素的第几个子元素
父元素 子元素:nth-last-of-type(n){} 这么多子元素中倒数第几个元素
目标伪类 元素:target{} 点击跳转到该板块之后样式才生效
&
