1 、1id选择器2类选择器3标记选择器4最后是伪选择器id选择器#myid类选择器myclassname标签选择器div ，h1 ，p相邻选择器h1+p子选择器ul lt li后代选择器li a通配符选择器*属性选择器arel=quotexternalquot伪类选择器ahover，li；CSS基本选择器包括标签选择器类选择器和ID选择器 ，它们分别用于为HTML元素添加样式以下是详细的使用说明标签选择器直接使用HTML标签名作为选择器 ，无需添加任何前缀例如，p选择器会应用于文档中所有的ltp标签类选择器通过在HTML元素的class属性中指定类名来应用样式类选择器以点开头，后跟类名例如 ，box选择器会应用于所有；一标签选择器效率低的原因遍历整个文档树标签选择器如ulli需要浏览器遍历整个文档树 ，逐个匹配元素，而类选择器和ID选择器利用浏览器内部的哈希表进行快速查找 ，效率更高匹配范围广标签选择器会匹配所有符合条件的元素 ，无论其嵌套层级或上下文环境，导致匹配过程更耗时二ul与li标签选择 。
2 、标签名选择器直接匹配HTML标签 ，如divp ，作用于所有同类标签类选择器通过元素的class属性匹配，如header ，可复用且不唯一ID选择器通过元素的id属性匹配 ，如#logo，唯一性高 ，通常用于特定元素派生选择器基于层级关系匹配 ，如div p表示内的所有子元素选择器仅匹配直接子元素，如ul；css常用的四种选择器类型有标签选择器针对一类标签 ID选择器针对某一个特定的标签使用 类选择器针对你想要的所有标签使用 后代选择器用空格隔开 1标签选择器选择器的名字代表html页面上的标签 标签选择器，选择的是页面上所有这种类型的标签 ，所以经常描述“共性” ，无法描述某一个元素的“；2相邻选择器二者有相同父元素 **利用相邻的兄弟元素来控制，即相邻选择器就是指定一个元素相邻的下一个元素的样式相邻的选择器使用+表示 3包含选择器后代选择器 第一对象一定要内包含第二对象 4选择器嵌套 5属性选择器 属性选择器就是利用网页标签包含的属性及其属性值来 。
3、权重的计算规则基于选择符的类型及其组合方式CSS的6种基础选择器包括ID选择器类选择器属性选择器伪类和伪元素选择器标签选择器以及通配选择器所有复杂选择符均由这些基础选择器组合而成 ，组合方式包括后代选择符空格分隔子选择符分隔相邻兄弟选择符+分隔等不同选择符的权重；注意点标签选择器选中的是当前界面所有同名标签 ，不能单独选中 只要是HTML中的标签都可以作为标签选择器 2id选择器#idcolorred 什么是id选择器根据指定标签的id，在当前界面中找到该id的标签 ，并设置属性 注意点每个HTML标签都有id属性 同一个界面中id是唯一的 ，不能重复 编写id选择器。
4 、简单选择器用于直接匹配元素或其属性包括通用选择器匹配所有元素，例如* color red E标签选择器匹配指定标签名的元素 ，例如p fontsize 16px class选择器匹配class属性包含指定值的元素 ，例如info background #eee #id选择器匹配id属性等于指定值的元素，例；标签选择器直接使用HTML标签名作为选择器 ，无需添加任何前缀例如 ，p选择器会应用于文档中所有的标签 。
5 、1标签选择器如body，div，p ，ul ，li2类选择器如class=quotheadquot，class=quothead_logoquot 3ID选择器如id=quotnamequot ，id=quotname_txtquot4全局选择器如*号5组合选择器如head head_logo ，注意两选择器用空格键分开6继承选择器如div p，注意两 。
6、ID名选择器 con border 1px solid red 代码解析表示找到ID名为con的元素 ，并为元素设置1像素实线红色边框类名选择器 con border 1px solid red 代码解析表示找到类名为con的元素 ，并为元素设置1像素实线红色边框标签选择器 div border 1px solid。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/5099.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《标签选择器有哪些(标签选择器有哪些类型)》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：1、1id选择器2类选择器3标记选择器4最后是伪选择器id选择器#myid类选择器myclassname标签选择器div...