覆盖并重置CSS规则中的所有规范

-1

引导为<pre>标记定义了一组规则。但是，我不希望它为pre选择器定义的规则的任何。覆盖并重置CSS规则中的所有规范

引导定义了以下规则：

pre { 
    display: block; 
    padding: 9.5px; 
    margin: 0 0 10px; 
    font-size: 13px; 
    line-height: 1.42857143; 
    color: #333; 
    word-break: break-all; 
    word-wrap: break-word; 
    background-color: #f5f5f5; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
}

不过，我想这在所有的这些重置为“出厂默认值”，而忽略了引导的风格，而无需手动写出来的规则干净的方式。

这可能吗？

来源

2014-11-03 corvid

您可以为每个要重置的元素创建引导重置规则。因此，与<pre>，你创造的东西，如：

@import url('//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css'); 
 
pre.reset { 
 
    /* defaults */ 
 
    display: block; 
 
    font-family: monospace; 
 
    white-space: pre; 
 
    margin: 1em 0px; 
 
    
 
    /* bootstrap overrides */ 
 
    padding: initial; 
 
    line-height: initial; 
 
    color: initial; 
 
    background-color: initial; 
 
    border: initial; 
 
    overflow: initial; 
 
    word-break: initial; 
 
    word-wrap: initial; 
 
    border-radius: initial; 
 
}

<pre> 
 
    With bootstrap 
 
</pre> 
 

 
<pre class='reset'> 
 
    Without bootstrap 
 
</pre>

或者具有.reset类，你可以使用scoping，虽然我强烈建议反对它，因为它是混乱的，具有spotty browser support。

来源

2014-11-03 20:07:50

这不会根据请求设置出厂默认值，或者针对此问题设置浏览器默认值。它只是设置特定的值（可能或可能不会用作出厂默认值）。 – 2014-11-03 20:24:07

@ JukkaK.Korpela你是对的，我的例子被放在一起，不考虑细节，这应该是固定的。 – 2014-11-03 20:29:48

不幸的是，由于CSS的工作方式，这是不可能的。一旦引导程序定义了这些样式，就会一直使用它们，直到另一种更重要的样式覆盖它们。

你唯一的选择是：

查找的样式在你的目标浏览器的用户代理样式表，然后手动引导的风格后把它们写在
走进引导的风格和评论从风格定位<pre>

我建议用做引导的副本，并重新命名它（以便有你已作出调整，图书馆的明确指示）后，选择2去。

来源

2014-11-03 19:51:57

覆盖并重置CSS规则中的所有规范

回答

相关问题