类选择器属性选择器伪类选择器权重值为0,0,1,0例如btntype=#34text#34hover属于同一层级标签选择器权重值为0,0,0,1例如divp等基础标签通配选择器继承样式权重值最低,为0,0,0,0例如*或从父元素继承的样式优先级判定规则权值不同时比较选择符的。
一标签选择器效率低的原因遍历整个文档树标签选择器如ulli需要浏览器遍历整个文档树,逐个匹配元素,而类选择器和ID选择器利用浏览器内部的哈希表进行快速查找,效率更高匹配范围广标签选择器会匹配所有符合条件的元素,无论其嵌套层级或上下文环境,导致匹配过程更耗时二ul与li标签选择。

标签名选择器直接匹配HTML标签,如divp,作用于所有同类标签类选择器通过元素的class属性匹配,如header,可复用且不唯一ID选择器通过元素的id属性匹配,如#logo,唯一性高,通常用于特定元素派生选择器基于层级关系匹配,如div p表示内的所有子元素选择器仅匹配直接子元素,如ul。
元素选择器Element Selector这是最基础的标签选择器,直接使用HTML标签名称作为选择器例如,p color blue 会选中所有ltp段落元素,将其文本颜色设为蓝色它适用于全局统一修改某类元素的默认样式,但无法针对特定元素进行差异化设置通配符选择器Universal Selector以*作为选择器,匹配文档中的所有。

本文来自作者[暨伯]投稿,不代表调研号立场,如若转载,请注明出处:https://kydy.org.cn/miao/8252.html
评论列表(4条)
我是调研号的签约作者“暨伯”!
希望本篇文章《【标签选择器有哪些,下列哪些是标签选择器】》能对你有所帮助!
本站[调研号]内容主要涵盖:调研号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览:类选择器属性选择器伪类选择器权重值为0,0,1,0例如btntype=#34text#34hover属于同一层级标签选择器权重值为0,0...