淘先锋技术网

首页 1 2 3 4 5 6 7

在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;
}

css的四种基础选择器

选择器的使用方法十分灵活,我们可以单独使用基础选择器,也可以通过组合使用来选择元素。举个例子:


p.my-class {
  color: blue;
}

上述代码,选择了所有class为my-class的p元素,并将它们的颜色设置为蓝色。

在实际使用中,我们还可以使用伪类选择器、伪元素选择器等扩展选择器,来实现更加丰富多彩的样式效果。

CSS选择器是CSS样式设计的基础,学习和掌握各种选择器,对于CSS开发是非常重要的一个环节。