如何覆蓋前面的html標籤bootstrap？

-4

<style> 
    #container ul li{ font-size:50px;} 
    .myclass1 ul li{ font-size: 20px;} 
</style> 
<div id="container"> 
    <ul> 
     <li> 
      <div class="myclass1"> 
       <ul> 
        <li>Something 1</li> 
        <li>Something 3</li> 
        <li>Something 3</li> 
       </ul> 
       <ul class="myclass2"> 
        <li>Something 1</li> 
        <li>Something 3</li> 
        <li>Something 3</li> 
       </ul> 
      </div> 
     </li> 
    </ul> 
</div>

在這個例子中我要的是有myclass2可能是可以繼承或複製默認Twitter的引導的UL和李值李樣式屬性

基本上是一個類塊myclass2 = twitter引導默認的li風格。

因爲當我想爲myclass2使用bootstraps默認樣式時，我必須重置它並執行大量編碼。

我只想繼承引導程序的默認ul，li行爲到myclass2或重寫前面的標記，而無需反覆寫入大量代碼。

我認爲這是twitter引導必須的。

附加： 現實生活中的例子。請檢查http://www.carantina.com/

'PRODUCTS' li和ul標籤的樣式來自繼承者。但我想使用默認引導值。我將如何實現這一目標。 enter image description here

來源

2013-07-20 SNaRe

如果您已經加載引導程序CSS，默認情況下，其默認值爲'ul'和'li' **將**應用於您的'ul'和'li'元素。是什麼讓你認爲你必須做些什麼才能做到這一點？你需要「重複」的「噸代碼」的具體例子將顯着改善問題。現在很難幫助你。 –

Crowder的聲明是有效的，我沒有得到爲什麼你必須編碼（按照你）使用默認的CSS引導來自twitter引導 – dreamweiver

請檢查這段代碼。對於myclass2，如果我想使用默認引導值，我必須通過硬編碼恢復所有內容。我不能只輸入font-size:defautbootstrap'sfontsize上面的例子非常簡單。只是想一個下拉菜單。 – SNaRe

您的網頁已不同於你的例子這裏通過爲CSS編寫

#container ul ul:not(.myclass2) li {font-size:50px;} 
#container .myclass1 ul:not(.myclass2) li {font-size: 20px;}

結構，但對於這裏的例子問題可以得到解決。見fiddle。
然後myclass1的頂部列表將是20px，底部列表myclass2將是系統默認值（在Bootstrap網頁上，它將是Bootstrap默認值）。

但是，由於只有兩個列表和兩個樣式生效，所以在50px處將不顯示任何內容。所以你的榜樣不適合，或者我誤解你的要求。

來源

2013-07-21 09:10:37

如何覆蓋前面的html標籤bootstrap？

回答

相關問題