基本选择器
通用选择器
选择所有元素。(可选)可以将其限制为特定的名称空间或所有名称空间。
语法:* ns|* *|*
例子:* 将匹配文档的所有元素。
元素选择器
按照给定的节点名称,选择所有匹配的元素。
语法:elementname
例子:input 匹配任何 元素。
类选择器
按照给定的 class 属性的值,选择所有匹配的元素。
语法:.classname
例子:.index 匹配任何 class 属性中含有 "index" 类的元素。
ID 选择器
按照 id 属性选择一个与之匹配的元素。需要注意的是,一个文档中,每个 ID 属性都应当是唯一的。
语法:#idname
例子:#toc 匹配 ID 为 "toc" 的元素。
属性选择器
按照给定的属性,选择所有匹配的元素。
语法:[attr] [attr=value] [attr~=value] [attr|=value] [attr^=value] [attr$=value] [attr*=value]
例子:[autoplay] 选择所有具有 autoplay 属性的元素(不论这个属性的值是什么)。
分组选择器(Grouping selector)
选择器列表
, 是将不同的选择器组合在一起的方法,它选择所有能被列表中的任意一个选择器选中的节点。
语法:A, B
示例:div, span 会同时匹配 元素和 组合器(Combinator) 后代组合器 “ ”(空格)组合器选择前一个元素的后代节点。 语法:A B 例子:div span 匹配所有位于任意 直接子代组合器 > 组合器选择前一个元素的直接子代的节点。 语法:A > B 例子:ul > li 匹配直接嵌套在 一般兄弟组合器 ~ 组合器选择兄弟元素,也就是说,后一个节点在前一个节点后面的任意位置,并且共享同一个父节点。 语法:A ~ B 例子:p ~ span 匹配同一父元素下, 元素后的所有 元素。 紧邻兄弟组合器 + 组合器选择相邻元素,即后一个元素紧跟在前一个之后,并且共享同一个父节点。 语法:A + B 例子:h2 + p 会匹配紧邻在 h2 元素后的第一个 元素。 列组合器 实验性 || 组合器选择属于某个表格行的节点。 语法:A || B 例子:col || td 会匹配所有 伪选择器(Pseudo) 伪类 : 伪选择器支持按照未被包含在文档树中的状态信息来选择元素。 例子:a:visited 匹配所有曾被访问过的 元素。 伪元素 :: 伪选择器用于表示无法用 HTML 语义表达的实体。 例子:p::first-line 匹配所有 元素的第一行。 规范 Specification Selectors Level 4 参见 CSS 优先级 Help improve MDN Was this page helpful to you? Yes No Learn how to contribute This page was last modified on 2025年7月15日 by MDN contributors. View this page on GitHub • Report a problem with this content 元素内的所有
元素。
🌟 相关推荐
监控摄像机码流完全指南:概念解析、计算技巧与常见问题
word技巧:在word方框中打√符号,怎么做到?
AOC I2281FWH( AOC I2281FWH )
👫 友情链接