Posted on | by liu
css 剪切图片，文字竖排样式 css，css样式分类有什么，css 鼠标图层切换，css ul 横向滚动条，css实现点击掉落桃子，span css
权重的计算方法如下：
1. 内联样式（如style="..."）的权重最高，它的权重为1000。
2. 当选择器使用了id选择器时，它的权重为100，可以使用“#”符号来标识。
3. 当选择器使用了class选择器、属性选择器或伪类选择器时，它的权重为10，可以使用“.”、“[属性=值]”、“:伪类”来标识。
4. 当选择器使用了标签名选择器、伪元素选择器时，它的权重为1，可以使用标签名、:before、:after来标识。
在 CSS 中，通常会有多个选择器同时作用于同一元素。此时，会通过比较选择器的权重，决定使用哪个样式。选择器获胜的规则如下：
1. 如果两个选择器的权重不同，则使用权重更大的选择器；如果权重相同，则使用最后出现的选择器；
2. 如果两个选择器的权重相同且最后出现，但是设置了!important，则它就获胜；
3. 如果两个选择器的权重相同且都没有设置!important，则哪个选择器出现在样式表的后面就会获胜；
为了避免出现权重问题，大家建议以下几点：
1. 不要过度使用内联样式，尽量使用样式表来编写样式；
2. 可以使用较短的选择器，只在需要时使用id选择器，避免使用!important；
3. 在样式文件中，将相似的样式封装成类，6-10个类就足够了；
4. 注意CSS的继承机制，尽量避免使用全局选择器和通配符选择器。