在CSS中,有四种基础选择器,它们分别是:
1. 元素选择器:通过元素名称来选择元素。 示例代码: p { color: red; } 2. 类选择器:通过类名来选择元素。 示例代码: .my-class { font-size: 18px; } 3. ID选择器:通过元素的ID来选择元素。 示例代码: #my-id { background-color: yellow; } 4. 属性选择器:通过元素的属性来选择元素。 示例代码: input[type="text"] { border: 1px solid gray; }
选择器的使用方法十分灵活,我们可以单独使用基础选择器,也可以通过组合使用来选择元素。举个例子:
p.my-class { color: blue; }
上述代码,选择了所有class为my-class的p元素,并将它们的颜色设置为蓝色。
在实际使用中,我们还可以使用伪类选择器、伪元素选择器等扩展选择器,来实现更加丰富多彩的样式效果。
CSS选择器是CSS样式设计的基础,学习和掌握各种选择器,对于CSS开发是非常重要的一个环节。