css选择器(CSS选择器权重如何计算)

css选择器，CSS选择器权重如何计算？

很古老的话题了

id=100

class=10

tag（标签）=1

按照这个规律去计算，比如

#qietu div{}

100+1 = 101

.qietu .box{}

10+10=20

可以得出第一个的权重要比第二个要高。另外关于权重的扩展知识面，我推荐了解下BEM命名规则，这个观念很好，可以从侧面杜绝权重问题的产生，还有一个就是提高权重的方法 !important;

html中menu是什么选择器？

作用：定义命令的列表或菜单。

说明：用于上下文菜单、工具栏以及用于列出表单控件和命令。注释：目前所有主流浏览器都不支持 <menu> 标签。请使用 CSS 来设置菜单列表的样式！

css3中什么符号表示子代选择器？

css3中的>符号表示选择父元素的第一个子元素。

not选择器不支持复杂选择？

尽管css的选择器很强大了，但是考虑其兼容性，尽可能的少用，比如我们在做一个前端页面的切图的时候，会看情况：

如果是h5手机网站，推荐用css选择器

如果是pc网站，适当用css选择器

如果是pc网站，并且是政府、学校等机关单位，杜绝用css选择器

什么是派生选择器？

通过依据元素在其位置的上下文关系来定义样式 比如 div span{color:red;} 如果之前有定义 span{color:blue;}那么 派生选择器就是 不需要再去设置一个class 使用上下文关系来定义你需要的样式比如这里 需要变成红色 比单个span具有更高优先级 这样可以让html代码更加简洁 id 选择器具有更高的优先级