2015-05-11 66 views
0

我在學習的引導和東西是新的我的過程(我最後編程的web上的網頁側形成2.0)是類多值CSS多個值

例如<div class="navbar navbar-collapse collapse">

屬性

我試過Google搜索一些短語來尋找解釋「多個值的類屬性,bootstrap」等,我跟着鏈接,當我打字這個問題,但我似乎無法找到很好的解釋它到底是什麼。它是繼承,某種級聯操作還是一個名稱中有空格的類?

+1

您可以將多個類分配給任何元素,並用空格分隔每個元素。所以在你的例子中,div有三個類。 – j08691

+0

好吧,這是我的想法。那麼我猜想要覆蓋說的顏色,你會發現設置這個屬性的那個,並且將它們定位在某個地方的級聯中? – muckeypuck

回答

1

它們只是不同的類,就這些。在你的例子中,該div將具有類navbar,它具有默認導航欄的特定樣式,它還具有navbar-collapse類,它在引導程序中用於告訴元素它必須以特定寬度摺疊,讓它看起來像一個不同的摺疊下拉菜單。 Bootstrap有很多這些類,爲了讓您知道它們,我建議您仔細閱讀網站上的文檔,詳細解釋每個具體的類。

2

在DOM中,一個對象可以附加多個類。這些類彼此完全獨立,並且通常在CSS中用於在引用實際DOM節點時獲得更高的特異性。

在你的例子中,div是navbar,navbar-collapsecollapse。這允許其他地方的代碼添加和刪除類以改變DOM節點的外觀。

例如:如果我是從這個div小號類刪除navbar-collapsecollapse,我希望導航欄不再被倒塌 - 但仍保留所有navbar造型。