基本选择器

Posted 2020-11-20 fmgao-technology

首先来说一下，什么是选择器。在一个html页面中会有很多很多的元素，不同的元素可能会有不同的样式，某些元素又需要设置相同的样式，选择器就是用来从HTML页面中查找特定元素的，找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。

基础选择器包括：

• 标签选择器
• 类选择器
• ID选择器
• 通用选择器

标签选择器

顾名思义就是通过标签名来选择元素：

示例：

p {
  color: red;
}

将所有的p标签设置字体颜色为红色。

ID选择器

通过元素的ID值选择元素：

示例：

#i1 {
  color: red;
}

将id值为i1的元素字体颜色设置为红色。

类选择器

通过样式类选择元素：

示例：

.c1 {
  color: red;
}

将所有样式类含.c1的元素设置字体颜色为红色。

通用选择器

使用*选择所有元素：

* {
  color: black;
}