1 、1类别选择器 类选择器根据类名来选择 ，前面以“”来标志示例demoDiv color#FF0000 2标签选择器 一个完整的HTML页面是有很多不同的标签组成 ，而标签选择器，则是决定哪些标签采用相应的CSS样式在stylecss文件中对p标签样式的声明如下p fontsize12pxbackground#900color；核心功能与组成CSS选择器通过匹配HTML元素的标签名类名ID或其他属性 ，将样式规则绑定到特定元素每条CSS规则由两部分构成选择器和声明块即选择器 属性 值例如 ，p color red中，p是选择器 ，color red是声明块 ，表示所有标签的文字颜色为红色常用选择器类型 标签名选择器。
2 、其他子元素选择器 除了根据祖先父子关系，还可以根据兄弟关系查找元素 语法 兄弟元素 + 兄弟元素 查找后边一个兄弟元素 兄弟元素 ~ 兄弟元素查找后边所有的兄弟元素 在页面中使用CSS选择器选中元素时 ，经常都是一个元素同时被多个选择器选中 比如这两个选择器都会选择h1元素 ，如果；普通标题文本黑色 指定了special类别的段落文本红色 指定了special类别的标题文本绿色 并集选择器 h1，h2，h3h4h5p 并集选择器 color purple fontsize15px h2special ，special ，#one 集体声明 text 。
3、CSS中常见的复合选择器类型及说明如下1 后代选择器Descendant Selector通过空格分隔多个选择器，选取某元素内部所有层级的后代元素例如div p 表示选取所有位于 内的 元素 ，无论嵌套层级多深这种选择器适用于需要针对特定容器内的元素进行全局样式调整的场景2 子元素选择器Child Select；CSS的选择器其实大类的话可以分为三类 ，即id选择器class选择器标签选择器用法如下id名 属性名属性值 class名 属性名属性值 标签名 属性名属性值 其中，他们之间又可以以不同的方式进行组合 ，如下后代选择器 父代名 后代名 属性名属性值 子代选择器 。
4 、CSS选择器优先级与匹配原理\x0d\x0a1id 选择器#myid2类选择器myclassname3标签选择器div ，h1，p4相邻选择器h1+p5子选择器ul lt li6后代选择器li a7通配符选择器*8属性选择器arel=quotexternalquot9伪类选择器ahover ，linthchild\x0d\x0a其中ID选择器的效率；主要的CSS选择器包括以下几种1 标签选择器根据HTML标签名称来选择页面中的元素2 类选择器通过元素的类名class来进行选择3 ID选择器通过元素的ID属性值来选择唯一的元素4 全局选择器应用于文档中的所有元素 ，没有特定的选择范围限定5 组合选择器通过逗号分隔来选择多个。
5 、CSS选择器分类标签选择器类选择器ID选择器全局选择器群组选择器后代选择器伪类选择器 1html标签选择器定义以html标签作为选择器 2class类选择器定义为HTML标签添加class属性，通过类选择器来为具有此class属性的元素设置css样式类选择器也可以对不同类型元素的同一个名称的类选择器设置不同的样式规则同一个元 。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/13493.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《css选择器常用的三种类型(css选择器常用的三种类型有哪些)》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：1、1类别选择器类选择器根据类名来选择，前面以“”来标志示例demoDivcolor#FF00002...