CSS3:元素样式的权重

元素会被多个样式一层层作用,这就是层叠样式表的来源。如果多个样式做用在元素上就会产生优先级权重问题。

使用类、ID、伪类都有不同的权重,具体应用哪条规则要看权限大小。

  • 相同权重的规则应用最后出现的
  • 可以使用 !important 强制提升某个规则的权限

CSS3:元素样式的权重

注意:权重样式的计算没有[进位]

相同权重,以后出现的样式显示。

强制优先级

有时在规则冲突时,为了让某个规则强制有效可以使用 !important。