CSS 选择器
CSS 选择器是用于选择 HTML 元素并应用样式的最基本方式。
以下是常见的 CSS 基础选择器及其详细介绍:
1. 元素选择器(Type Selector)
也称为标签选择器。
- 语法:
元素名
- 作用:选择指定类型的 HTML 元素。
- 示例:
css p { color: red; }
选择所有<p>
元素,并将文字颜色设置为红色。
2. 类选择器(Class Selector)
- 语法:
.类名
- 作用:选择具有指定
class
属性的元素。 - 示例:
css .highlight { background-color: yellow; }
选择所有class="highlight"
的元素,并将背景颜色设置为黄色。
3. ID 选择器(ID Selector)
- 语法:
#id名
- 作用:选择具有指定
id
属性的元素。 - 注意:
id
在页面中应该是唯一的。 - 示例:
css #header { font-size: 24px; }
选择id="header"
的元素,并将字体大小设置为 24px。
4. 通配符选择器(Universal Selector)
- 语法:
*
- 作用:选择页面中的所有元素。
- 示例:
css <ul> <li>{ margin: 0; padding: 0; }
选择所有元素,并将它们的外边距和内边距设置为 0。
总结
CSS 基础选择器是构建复杂样式规则的基础,常用的选择器包括: - 元素选择器 - 类选择器 - ID 选择器 - 通配符选择器
掌握这些选择器后,可以灵活地选择 HTML 元素并为其应用样式。