Question

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

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

非常感谢。

Answer 1

您可以通过以下方式实现：
1.将类分配给相关的div，如

<div class="different">

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

.different{
    font-size:12px;
}

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

<div id="diff">

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

#diff{
    font-size:12px;
}

它们都将满足您的目的，但类可以多次使用，ID对于给定元素是唯一的。因此，您需要决定遵循哪种方法。

Answer 2

您可以编写现有css文件的另一个类或创建一个新类（如果是新的，您需要在头标记中添加它的引用）并为此div写出它们的css属性

.MyDivClass
{
// your properties here
}

并将其与您的div一起使用

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

Answer 3

我不知道。我会这样做

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

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

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