CSS的基本选择器有以下五种:
1. 标签选择器(Tag Selector)
通过标签名选择元素。例如:`p {...}` 会选择所有的 `` 元素。标签选择器可以很方便地选择相同类型的元素,但选择的精度相对较低。
2. 类选择器(Class Selector)
通过类名选择元素。类名前需要加 `.(点)`,例如:`.example {...}` 会选择所有带有 class="example" 的元素。类选择器常用于选取文档中通用的元素,同时一个元素可以添加多个类名。
3. ID选择器(ID Selector)
通过 ID 名选择元素。ID 名前需要加 `#(井号)`,例如:`#example {...}` 会选择 ID 属性为 example 的元素。ID 选择器只能用于一个元素,而且ID名在整个页面中必须是唯一的。
4. 属性选择器(Attribute Selector)
通过属性名选择元素。例如:`[type="text"] {...}` 会选择所有带有 type="text" 属性的元素。属性选择器可以根据元素的属性和属性值来选择元素。
5. 通用选择器(Universal Selector)
选择所有元素。通用选择器为 `*`,例如:`* {...}`可以选择所有元素,常用于全局重置样式或处理特定情况下的特殊样式。但通常不推荐频繁使用通用选择器,因为它的消耗较大且会影响性能。
以上是 CSS 最常用的基本选择器,它们可以组合起来使用,提高CSS选择器选择元素的精度和效果。