1

我以正常方式包含样式，如下所示：

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

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

4

3 回答 3

1

将其<div>放入单独的页面并仅在该页面中包含引导 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 代码应该更容易，因为它们来自同一个域）。

于 2013-02-28T12:14:41.540 回答
-1

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

另一个（愚蠢的）解决方案取决于您在 css 文件中的内容。您是否可以编辑 /css/boostrap.css，只需将所有正文单词替换为“.body1”（fe => 从中创建一个类）？

于 2013-02-28T12:58:55.130 回答
-1

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

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

然后CSS将是：

#myDiv { ... }

这将把这种风格应用到任何名为myDiv. 您还可以使用类：

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

然后CSS将是：

.someClass { ... }

这将把这种风格应用到任何附有该类的东西上。

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

于 2013-02-28T12:13:11.263 回答