CSS Selector

定义 Definition

CSS selector（CSS 选择器）：用于在 CSS 中定位网页上的 HTML 元素（或元素的某些状态/关系），从而对它们应用样式规则（例如颜色、字体、布局）。常见类型包括元素选择器、类选择器（.class）、ID 选择器（#id）、属性选择器（[type="text"]）、伪类（:hover）与伪元素（::before）等。

发音 Pronunciation

/ˌsiː ɛs ˈɛs sɪˈlɛktər/

例句 Examples

Use the .btn CSS selector to style all button elements with that class.
使用 .btn 这个 CSS 选择器来给所有带该类名的按钮元素设置样式。

The selector nav ul > li a:hover targets links inside list items in a navigation menu when the user hovers over them.
选择器 nav ul > li a:hover 会选中导航菜单中列表项里的链接，并在用户悬停时应用样式。

词源 Etymology

selector 来自拉丁语 seligere（“选择”），经由法语与英语演变为“用于选择/筛选的东西”。在 CSS 语境中，selector 指“用来选择（匹配）哪些元素要被应用样式”的表达式；CSS 是 Cascading Style Sheets（层叠样式表）的缩写。

相关词 Related Words

• Element
• Class
• Id
• Attribute
• Specificity
• Pseudo-Class
• Pseudo-Element
• Combinator
• Cascade
• Stylesheet

文学与著作中的用例 Literary Works

• CSS: The Definitive Guide（Eric A. Meyer）：系统讲解选择器、优先级与层叠规则。
• HTML and CSS: Design and Build Websites（Jon Duckett）：以入门友好的方式介绍常见选择器与页面样式。
• Eloquent JavaScript（Marijn Haverbeke）：在 DOM/浏览器章节中涉及用选择器思维定位页面元素（并与 JS 的选择 API 对照）。
• W3C / WHATWG 相关规范：Selectors Level 3、Selectors Level 4（定义了 CSS 选择器的语法与匹配规则）。