CSS高级特性
层叠性和继承性
层叠性
所谓层叠性是指多种CSS样式的叠加。
层叠性只有在多个选择器选中"同一个标签", 然后又设置了"相同的属性", 才会发生层叠性。
层叠性由优先级决定。
间接选中就是指继承。
优先级
执行顺序
!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
优先级的权重
作用: 当多个选择器混合在一起使用时, 我们可以通过计算权重来判断谁的优先级最高
注意事项:
在考虑权重时,初学者还需要注意一些特殊的情况,具体如下:
继承样式的权重为0。
行内样式优先。
权重相同时,CSS遵循就近原则。
CSS定义了一个!important命令,该命令被赋予最大的优先级。
CSS4选择器
属性选择器
属性选择器可以根据元素的属性及属性值来选择元素。CSS3中新增了3种属性选择器。
E[att^=value] 属性选择器是指选择名称为E的标记,且该标记定义了att属性,att属性值包含前缀为value的子字符串。