覆蓋並重置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規則中的所有規範

回答

相關問題