Html “CSS选择器”到底是什么意思？

我正在为一份工作解决一些问题，我不确定CSS选择器的含义

我解释说：他们给了我一个网页，让我改变一个部分背景的颜色

好的，我做了，但是有一个问题，我应该告诉你我使用的选择器是什么，我不明白他们的意思

有人能帮我理解这部分的选择器是什么吗

发件人：

在CSS中，选择器是用于选择所需元素的模式 设计风格

换句话说，HTML标记的样式属性是内联样式。内联样式不需要选择器，因为您直接应用它并且只针对单个标记

CSS是一个“表单”，它采用该样式并将其与HTML代码级联样式表分离。它所做的是，它将样式与特定元素绑定，并通过使用选择器来实现。理论上，任何HTML属性都可以是选择器，但最常用的是：标记名、类、id、它们的组合以及一些模式

您可以在屏幕截图的右侧看到“样式”选项卡，这里有

---

应用于选定元素的样式规则，从最顶端的内联到来自CSS的样式规则。

CSS中的选择器是如何选择页面的一部分进行样式设置的上下文。选择文本的方法有很多种

selector
{
 property: value;
 property: value;
}

如果要更改p段落元素的背景色，可以询问：

其他段落是否将使用不同的背景色？ 如果是这样，那么本段是主元素的子元素还是旁侧元素的子元素。 如果所有段落都是相同的背景色，那么您将使用一个非常简单的选择器：p，例如：

p {background-color: #f00;}

如果需要选择作为主元素的唯一子元素的段落，则不能盲目使用通用p选择器，应使用：

aside p {background-color: #00f;}
main p {background-color: #f00;}

如果只需要更改aside元素第三段的背景色，则需要更具体地选择样式，下面是一个使用的示例：

你可以把CSS放在多个地方。如果您使用

…

这是一种内联样式，因此没有选择器。CSS通常存储在styles中。CSS文件必须具有.CSS文件扩展名，或者在元素中放入head元素的子元素（如果您正在干净地编码）

您还需要了解您正在处理CSS、级联样式表。规则越深入，应用的可能性就越大。在示例中，如果您三次使用同一规则，则以下示例将使主元素的所有段落的背景色设置为00f，因为这是最后一次声明：

main p {background-color: #f00;}
main p {background-color: #0f0;}
main p {background-color: #00f;}

由于您可以以不同的方式选择相同的元素，因此某些选择器可能更具体，从而在CSS代码中覆盖更深的选择器。还有使用！重要的在下一个示例中，背景色将设置为f00：

我建议您阅读CSS中的所有内容，并通过一个

---

这些都是非常简单的东西，你只需要继续阅读。坚持是成功的主要途径！祝你好运

您没有使用任何选择器，您使用了内联样式您没有使用选择器，因为您使用了内联CSS样式=。选择器将位于样式标记或单独的CSS文件中，并选择要设置样式的元素，例如h1、div.class、uniqueIDMDN是解决此类问题的绝佳资源：。同意这里的其他人的观点，您需要将更改添加到DOM中的适当类中，以显示您知道CSS是如何工作的。我想说的是，将您自己的选择器添加到该容器中，不要设置那些引导类的样式。那么我如何使用选择器来更改背景颜色呢？您可以将一段代码插入网站内容的标记中，或者只使用屏幕截图右侧的选项卡样式并创建一个新规则。感谢您的帮助。所以，如果我改变了css上的背景颜色，并把所有路径放在那个地方，这就是选择器吗？例如：。容器div.row div.col-lg-8.col-md-10.mx-auto@RenatoAbreu是的，该路径是所有选择器。在web浏览器检查器中，您将看到块规则，每个块将由一个或多个选择器、左括号、样式规则和右括号组成。您可以了解有关css选择器和样式本身的更多信息。

main p {background-color: #f00;}
main p {background-color: #0f0;}
main p {background-color: #00f;}

main p {background-color: #f00 !important;}
main p {background-color: #0f0;}
main p {background-color: #00f;}