css - 在 DIV 中使用不同的 CSS 文件？

Question

我有一个网站，其中包含定义其所有样式的相应 CSS 文件。但是，在其中一个网页上有一个特定的 DIV 容器，我希望样式有所不同。

这是我的新手问题：有没有办法指定另一个仅适用于该 DIV 的 CSS 文件？如果是这样，怎么做？如果没有，有没有其他方法可以达到类似的效果？

非常感谢你。

score 3 · Accepted Answer

您可以通过以下方式实现它：
1. 为相关 div 分配一个类，例如

<div class="different">

然后在您的默认 css 中为此类设置不同的样式，例如：

.different{
    font-size:12px;
}

2.另一种方法是使用ID，因为ID对于一个元素是唯一的，并且在页面上只有一个元素可以具有该ID。

<div id="diff">

而不是在您当前的 css 文件中，您可以编写如下内容：

#diff{
    font-size:12px;
}

它们都可以满足您的目的，但类可以多次使用，并且 ID 对于给定元素是唯一的。因此，由您决定采用哪种方法。

score 1 · Accepted Answer

您可以编写现有 css 文件的另一类或创建一个新文件（如果是新文件，您需要在 head 标签中添加对它的引用）并像这样为该 div 编写它们的 css 属性

.MyDivClass
{
// your properties here
}

并像这样与你的 div 一起使用它

<div class="MyDivClass">
</div>

score 0 · Accepted Answer

我不知道。我会这样做

<div id="special-div"></div>

我将创建一个特殊的 css 文件并包含#special-div{/*styles here*/}

我认为最好将样式表包含在其中<head>。

3 回答 3