html - 为特定的 div 指定 css

Question

在制作单页网站的过程中，我的表单的 css 干扰了我页面的其余部分。不一一通过css，指定div，能不能指定div。任何帮助表示赞赏。

Answer 1

我建议您继续阅读 CSS Selectors ，这是 CSS 中的不同方式，您可以选择 HTML 元素的特定部分。

最基本的是:

元素选择器

p { color: #ff0000; }

这会选择 HTML 中与 CSS 规则匹配的任何元素。在这种情况下，它将匹配所有 <p> .

ID 选择器

#paragraph { color: #ff0000; }

这会选择将唯一 ID 设置为“段落”的元素。在这种情况下，它将选择以下任何元素:

<div id="paragraph"></div>
<p id="paragraph"></p>
<span id="paragraph"></span>

请注意，ID 应该是唯一的。您不应该在 HTML 中有多个具有相同 ID 的元素。

类选择器

.paragraph { color: #ff0000; }

类选择器选择所有具有匹配 CSS 规则的类名的元素。请注意，类名不需要是唯一的，与 ID 不同，许多元素可以共享相同的类名。

上面的规则匹配下面的所有元素

<div class="paragraph"></div>
<p class="paragraph header"></p>
<span class="image paragraph"></span>

您还可以将这些(和其他 CSS 选择器)结合起来，以更具体地确定您要选择的内容并使用您的规则设置样式。例如，如果您只想选择所有 <p>与类(class)名称 paragraph ，但没有其他具有相同类别的元素。您将编写以下内容:

p.paragraph { color: #ff0000; }

解决您的问题

有了以上知识，您可以轻松解决您遇到的问题。表单的 CSS 非常通用，它使用元素选择器来选择页面上的所有元素。您可以通过在 HTML 元素上设置类和 ID，然后调整 CSS 规则以选择要更改的特定元素来解决此问题。