Question

可能重复：
Disinherit (reset) the CSS style of a specific element?

我有一个页面可以加载具有不同CSS属性的外部CSS文件。

是否可以在同一页面内创建一个元素，特别是该元素不能加载任何css？

例如：

<style type="text/css">
p {
    background-color:#000000;
    width:550px;
}
</style>
<p>This should get the P styling from the style tag</p>
<p>This should NOT get the P styling</p>

Answer 1

正如其他人所说，通常有更好的方法来隔离元素。但是，也有一个CSS选择器用于此目的。

请参阅The Negation Pseudo-Class

HTML

<p>A paragraph</p>
<p class="nostyle">Don't style me</p>
<p>A paragraph</p>
<p>A paragraph</p>

CSS

P:not(.nostyle) { color: red; }

示例：http://jsfiddle.net/LMDLE/

这是很少正确的解决方案，但它对于处理难以与其他选择器匹配的边缘情况非常有用。

Answer 2

这正是为其设计的类。

<style type="text/css">
.class1{
background-color:#000000;
width:550px;
}
</style>
<p class="class1">This should get the P styling from the style tag</p>
<p>This should NOT get the P styling</p>

对于记录，请不要使用仅用于演示的class1之类的名称。对有意义的类使用描述性名称。

Answer 3

你可以肯定地隔离你想要的P风格：

<p class="hasStyle"></p
<p></p>

或者你可以覆盖你想要保持原样的那些：

<style>
p {
    background-color:#000000;
    width:550px;
}

.noStyle {
 background-color: none;
 width: none /* or whatever you want here */;
}
</style>

<p>has a style</p>
<p class="noStyle"></p>

后者难以维持。

Answer 4

正如我评论的那样，使用类，ID和伪选择器有什么问题？

例如，这很好用：

p:first-child {
    background-color:#000000;
    width:550px;
}

同样

.first {background-color: #000; width: 550px;}

<p class="first">Some styled text</p>
<p>Some default text</p>

从特定DIV中删除所有CSS

4 个答案:

HTML

CSS