Featured image of post CSS选择器的使用

CSS选择器的使用

CSS选择器的使用

CSS 元素选择器

元素选择器根据元素名称来选择 HTML 元素。

**实例:**使页面上的所有

元素带有红色文本颜色:

1
2
3
p {
  color: red;
}

CSS id 选择器

id 选择器使用 HTML 元素的 id 属性来选择特定元素。

元素的 id 在页面中是唯一的,因此 id 选择器用于选择一个唯一的元素!

要选择具有特定 id 的元素,请写一个井号(#),后跟该元素的 id。

**注意:**id 名称不能以数字开头。

实例

这条 CSS 规则将应用于 id=“testid” 的 HTML 元素:

1
2
3
#testid {
  color: red;
}

CSS 通用选择器

通用选择器(*)选择页面上的所有的 HTML 元素。

实例

下面的 CSS 规则会影响页面上的每个 HTML 元素:

1
2
3
* {
  padding: 0
}

CSS 分组选择器

分组选择器选取所有具有相同样式定义的 HTML 元素。

1
2
3
4
5
6
7
8
9
h1 {
  text-align: center;
  color: red;
}

h2 {
  text-align: center;
  color: red;
}

CSS 类选择器

1
2
3
<p class=test>
    test text
</p>

下面是类选择器的使用

1
2
3
.test {
    color:pink
}
Licensed under CC BY-NC-SA 4.0
Powered by GitHub.Pages
Built with Hugo
主题 StackJimmy 设计
© Licensed Under CC BY-NC-SA 4.0