gpt4 book ai didi

css - 处理跨多个页面使用的 Div 容器内的样式

转载 作者:太空宇宙 更新时间:2023-11-04 15:32:21 25 4
gpt4 key购买 nike

我试图通过搜索找到这个问题的答案,但一无所获。基本上我不确定如何正确处理一些 CSS 设计。我有一个用于许多页面的模板。我需要设置几个容器的样式。比方说,我有一个名为“box 1”的 div,我在许多不同的页面上使用它。我在外部使用 css 设置了文本框的长度。我现在如何使用“box 1”div 在不同页面中设置文本框的样式而不覆盖我的原始样式。有没有办法给这些贴上标签。这可能吗?

提前致谢

最佳答案

您可以应用多个类:

.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; }

关于css - 处理跨多个页面使用的 Div 容器内的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13221555/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com