CSS选择器和权重计算
Posted 夏夏小姐姐
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS选择器和权重计算相关的知识，希望对你有一定的参考价值。
CSS选择器
类选择器
ID选择器
标签名选择器
子选择器(ul>li)
通配符选择器(*)
属性选择器(a[name="input"])
伪类选择器(li:nth-child)
一个标签的样式渲染顺序:id>class/伪类>标签
选择器的权重计算:
假设:
id选择器的权重为100
class/伪类的权重为10
标签选择器的权重为1
则:
--#box => 100
.box => 10
.box:hover => 20
.box.box2 => 20
div => 1
div:hover => 11
以上是关于CSS选择器和权重计算的主要内容，如果未能解决你的问题，请参考以下文章