通用兄弟选择器用~连接两个选择器，如h2 ~ p ，选中h2元素之后的所有同级p元素 ，不要求紧邻与相邻 。
CSS中常见的选择器主要分为以下六类简单选择器用于直接匹配元素或其属性包括通用选择器匹配所有元素，例如* color red E标签选择器匹配指定标签名的元素 ，例如p fontsize 16px class选择器匹配class属性包含指定值的元素 ，例如info background #eee #id 。
在CSS中，可通过相邻兄弟选择器+和通用兄弟选择器~选中兄弟元素 ，两者均要求元素共享同一父元素 ，区别在于作用范围不同具体说明如下一相邻兄弟选择器+作用选中紧随目标元素后的第一个同级元素语法目标元素 + 兄弟元素 样式规则 示例h2 + p color red此规则仅将。
一CSS选择器优先级规则CSS选择器优先级由四部分组成a，b ，c ，d，数值越大优先级越高a内联样式style属性为1，否则为0bID选择器数量如#headerc类选择器属性选择器伪类选择器数量如classtype=#34text#34hoverd元素选择器伪元素选择器数量 。
在CSS中 ，兄弟选择器“+”用于选中紧接在指定元素后的第一个兄弟元素 ，“~ ”用于选中指定元素之后所有同级兄弟元素 具体使用方法如下相邻兄弟选择器+使用“+ ”符号，选择紧接在指定元素后的第一个兄弟元素 ，且两者必须共享相同的父元素语法A + B 样式规则 作用仅匹配紧跟在元素A 。
主要的CSS选择器包括以下几种1 标签选择器根据HTML标签名称来选择页面中的元素2 类选择器通过元素的类名class来进行选择3 ID选择器通过元素的ID属性值来选择唯一的元素4 全局选择器应用于文档中的所有元素 ，没有特定的选择范围限定5 组合选择器通过逗号分隔来选择多个。
1类别选择器 类选择器根据类名来选择，前面以“”来标志示例demoDiv color#FF0000 2标签选择器 一个完整的HTML页面是有很多不同的标签组成 ，而标签选择器 ，则是决定哪些标签采用相应的CSS样式在stylecss文件中对p标签样式的声明如下p fontsize12pxbackground#900color 。
使用CSS选择器nthchild，能轻松修改特定子元素的样式该选择器不考虑子元素的类型 ，直接选取父元素的第N个子元素要修改父元素的前三个子元素的样式简单 ，使用nthchild1n即可若需选择列表中的偶数标签，可以使用nthchild2n而要选择奇数标签 ，则是nthchild2n1若需从第 。
在 CSS 中 ，lastoftype 和 nthlastchildn 可通过组合实现精准定位，其核心逻辑是同时满足“同类型最后一个 ”和“倒数第 n 个子元素 ”的条件 以下是具体说明与使用场景一选择器原理lastoftype选择父元素中同类型标签的最后一个，忽略其他类型元素例如plastoftype。
一个标签可以被多个css选择器选择比如 ，可以同时让标签选择器和id选择器作用于同一个标签用到了层叠如下请点击输入图片描述 然后通过网页的审查元素看一下效果请点击输入图片描述 现在 ，假设选择器冲突了，比如id选择器说这个文字是红色的 ，标签选择器说这个文字是绿色的那么听谁的实际上 。
CSS选择器通过组合不同类型选择器及伪类 ，可精准定位并修改特定元素样式 具体实现方式如下1 基础选择器组合类选择器定位具有特定class属性的元素示例slides 选择所有class=#34slides#34的元素属性选择器type=#39radio#39筛选具有特定属性的元素示例inputtype=#39radio#39 。
CSS基本选择器包括标签选择器类选择器和ID选择器，它们分别用于为HTML元素添加样式以下是详细的使用。
实现多链接联动高亮可通过CSS或JavaScript完成 ，其中CSS方案依赖兄弟元素关系且存在局限性 ，JavaScript方案更灵活且适用于非连续链接的动态分组高亮一CSS方案及其局限性CSS通过通用兄弟选择器~实现联动高亮，但需满足以下条件兄弟元素关系联动链接必须是同一父元素下的兄弟节点预设类名需手动为。
nthchild 是 CSS 中基于子元素位置匹配的伪类选择器 ，支持数字关键字和公式表达式 ，适用于表格隔行着色周期性布局等场景，使用时需注意其按位置而非类型匹配的特性及 n 的起始值为 0 等细节一基本语法结构数字值直接指定子元素位置 ，如 nthchild3 选中父元素下的第 3 个子元素 。
标记选择器 定义html或者xhtml标签的通用CSS样式 ，定义语句前无前缀例如h1 colorred This is test 类别选择器 通过定义单独的class来定义对应样式，定义语句前缀为 #39#39例如 red colorred xxxxxx ID选择器 通过对应html元素的标签ID来定义对应样式，定义语句前缀为 #39##39例 。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/1108.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《css通用选择器(css选择器有哪些)》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：通用兄弟选择器用~连接两个选择器，如h2~p，选中h2元素之后的所有同级p元素 ，不要求紧邻与相邻...