Question

我试图通过搜索找到答案但是我空洞了。基本上我不确定如何正确处理一些CSS设计。我有一个模板，我用于很多页面。我需要设计几个容器。让我们说例如我有一个名为“box 1”的div，我在许多不同的页面上使用它。我用css在外部设置了文本框的长度。我现在如何使用“box 1”div在不同页面中设置文本框的样式而不覆盖我的原始样式。有什么标签这些。这可能吗？

提前致谢

Answer 1

您可以应用多个类：

.box {
    background-color: red;
}

.box.new_style {
    font-weight: bold;
}

如果你创建一个div：

<div class="box">This is a box</div>

它将有一个红色背景，然后是另一个div：

<div class="box new_style">This is a box</div>

它将带有红色背景和粗体文字。

由于您提到多个页面，您可以将类附加到容器或body，然后使用：

<body class="some_page">
    <div class="box">
       ....

然后：

.some_page .box { font-weight: bold; }

处理在多个页面中使用的Div容器内的样式

1 个答案: