3 什么是css选择器

CSS选择器是用来选择指定HTML元素并对其应用样式的工具，它可以让我们更加灵活地控制元素的样式。

样式定义：
body {
    background-color: white;
}

从上面的代码可以看出，我们使用了"body"来指定页面的背景颜色为白色。在这里，"body"就是CSS的选择器。

CSS选择器有许多种类型，包括简单选择器、属性选择器、伪类选择器、伪元素选择器等等。接下来我们详细介绍一下这些各种类型的选择器。

简单选择器

简单选择器是最常用的一种选择器，它通过元素的标签名、ID、类名等来选择元素。

/* 通过标签名选择元素 */
p {
    color: red;
}

/* 通过ID选择元素 */
#my-id {
    font-size: 16px;
}

/* 通过class选择元素 */
.my-class {
    background-color: yellow;
}

属性选择器

属性选择器是通过元素的属性来选择元素的。

/* 选择所有title属性为"my-title"的a标签 */
a[title="my-title"] {
    color: blue;
}

/* 选择所有href属性以"https://"开头的a标签 */
a[href^="https://"] {
    text-decoration: underline;
}

伪类选择器

伪类选择器可以让我们选择元素的某个状态，如:hover、:active等。

/* 鼠标悬浮在链接上时的样式 */
a:hover {
    color: green;
}

/* 点击链接时的样式 */
a:active {
    color: red;
}

伪元素选择器

伪元素选择器可以让我们向元素的前面或后面添加样式，如::before、::after等。

/* 在元素前面添加一个"=="符号 */
p::before {
    content: "==";
}

以上就是CSS选择器的介绍，希望能对您有所帮助。