[分享]css前5个选择器

 CSS（层叠样式表）是一种用于网页样式设计的语言，选择器是 CSS 的核心之一。在编写 CSS 时，我们使用选择器来确定要应用样式的 HTML 元素。本文将介绍 CSS 的前五个常见选择器。1. 元...

 CSS（层叠样式表）是一种用于网页样式设计的语言，选择器是 CSS 的核心之一。在编写 CSS 时，我们使用选择器来确定要应用样式的 HTML 元素。本文将介绍 CSS 的前五个常见选择器。

1. 元素选择器 

元素选择器是最常见的选择器类型之一。这种选择器可以匹配文档中出现的 HTML 元素。例如：

p {
    color: blue;
} 

这段代码将将所有<p>元素的颜色设置为蓝色。

2. 类选择器 

类选择器用于选择具有相同类的元素。 在 CSS 中使用 "." 来定义类选择器。例如：

.blue-text {
    color: blue;
} 

使用这个类选择器，我们可以设置任何具有“blue-text”类的元素的文本颜色为蓝色。

3. ID选择器 

ID选择器用于选择特定 ID 的元素。在 CSS 中使用“＃”符号定义 ID 选择器。例如：

#logo {
    width: 100px;
    height: 100px;
} 

这段代码将具有 ID“logo”的元素的宽度和高度设置为 100px。

4. 属性选择器 

属性选择器可用于选择具有特定属性的元素。例如：

input[type="text"] {
    background: #eee;
} 

这段 CSS 代码将为所有类型为 text 的输入框设置背景颜色。

5. 伪类选择器 

伪类选择器用于指定元素的特定状态。例如：

a:hover {
    color: red;
} 

这段代码将为鼠标悬停在链接上时的状态设置文本颜色为红色。