Question

我按照正常的方式包括样式：

<link rel="stylesheet" href="/css/boostrap.css" type="text/css" />

这个样式有很多样式会破坏我的主视图，它适用于body元素，是否可以将样式仅仅应用于一个特定的div？

Answer 1

将<div>放入单独的页面，并在该页面中仅包含bootstrap CSS。

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="/css/boostrap.css" type="text/css" />
    </head>
    <body>
        <div>This is your DIV</div>
    </body>
</html>

您的主页不会被触及，您只需使用iframe即可在主页内显示该div，更改（例如）此内容：

<div>This is your DIV</div>

对此：

<iframe src="url of the other page"></iframe>

当然，您可能需要稍微更改页面的逻辑以适应这种情况（主要是因为服务器端C＃代码，因为客户端JavaScript代码应该更容易，因为来自同一个域）。< / p>

Answer 2

是的，您可以通过ID执行此操作：

<div id="myDiv"></div>

然后CSS将是：

#myDiv { ... }

并将该样式应用于名为myDiv的任何。您也可以使用类：

<div class="someClass"></div>

然后CSS将是：

.someClass { ... }

这会将该风格应用于附加了该类的任何。

根据你所描述的内容，围绕破坏已经定义的CSS的CSS的一般性，你将想要摆脱那些通用元素样式并使用ID，因为它听起来像你正在尝试合并一些CSS。

Answer 3

您尝试使用javascript代码删除所有样式的正文，然后，在正确的css中为正文样式添加名称/ ID后，将其设置为正文的class属性。（文档完全加载后也是js代码）

另一个（愚蠢的）解决方案取决于你在css文件中有什么。你可以编辑/css/boostrap.css，只需用“.body1”替换所有正文单词（fe =＆gt;从中创建一个类）？

仅将样式应用于一个元素

3 个答案: