Question

我有一个简单的登录表单，我使用css设置了样式，可以在这里查看：

http://www.skoolrox.com/JSON/employee-2.html

此页面将自定义CSS作为页面本身的一部分。

现在我有一个示例页面（http://www.skoolrox.com/JSON/index.html），其中有一个标题，三列布局和一个页脚。最左边的列包含一系列链接，我使用jQuery的load（）将href的内容（在本例中为employee-2.html）加载到中间列。当您单击“登录”链接时，它会在中间加载页面。

我的问题是用户名/密码文本被推到右侧并修改了格式。我很确定主页面（index.html）的CSS与employee-2.html CSS有冲突。

所以我的问题是，是否可以将employee-2.html加载到中间列以“忽略”外部CSS（在index.html中）或忽略它？

Answer 1

没有。 CSS旨在“向下”传播DOM树。 HTML和CSS规范中没有任何内容允许您说“不要继承任何东西”。您必须重新覆盖以后需要“恢复”的任何内容。

e.g。

样式：

.outer { color: red; font-size: 150%; }
.middle { color: blue; }
.inner { }

HTML：

<div class="outer">
    <div class="middle">
        <div class="inner">I wanna be red!</div>
    </div>
</div>

CSS中没有任何内容可以让你说“忽略.middle风格并使用.outer”。你必须这样做

.inner { color: red; }

CSS新手覆盖问题？

1 个答案: