如何將2個CSS類組合成一個？

我正在使用bootstrap，並試圖在各種設備上獲取適當佈局的各種元素的正確類。對於很多人來說，我想要像control-label col-md-2這樣的東西。所以我可以通過幾十個元素，然後改變它們，但是 - 如果我意識到我真的想要col-md-9？然後我必須通過每個元素並更改類。所以，我試圖做的是：如何將2個CSS類組合成一個？

<label class="label-class"/>

與

.label-class { 
    control-label col-md-9 
}

這可能嗎？我在網上找到的關於組合類的每個答案都涉及到不同類型的問題。或者，如果我要對此都錯了，我願意去學習更好的方法來測試各種佈局:)

編輯： 經過一番更多搜尋，我發現Can a CSS class inherit one or more other classes? - 看起來也許答案是'不是沒有額外的公用事業'可悲。

來源

2014-03-12 Rollie

R' –

這是一個ASP.NET MVC項目 – Rollie

然後，一種方法可以將類名稱存儲在控制器中的變量中，並在您的視圖中將其回顯。現在，如果您需要更改課程，請在一個地方更改，然後完成。在我看來，這是最簡單的選擇。 –

你可以實現它，但不能用CSS。您可以使用LESS文件，並使用適當的介質從LESS解析到CSS文件（並且「隨便」引導程序內核是用LESS，D編寫的）。您正在尋找的規範是：http://lesscss.org/features/#mixins-parametric-feature

Bootstrap允許您將其代碼的LESS文件下載到修改中，然後，您可以使用JS編譯器，如lesscss.org/usage/#using-less-在-的瀏覽器

如果你使用PHP，還有一些庫之前編譯它，它發送到瀏覽器，最新的是與引導3.0進展順利，我使用的是：http://leafo.net/lessphp/

希望這會有所幫助，XD

來源

2014-03-12 08:33:52 Chococroc

@Chococroc是對的。下面是簡單的步驟：

第一步：添加less.js

<link rel="stylesheet/less" href="style.less" type="text/css" /> 
<script src="script/less-1.3.3.min.js"></script>

記住，JS將包括在頁面少後調用。

第二步：寫style.less約不甚規則

.label-class { 
    .control-label; 
    .col-md-9; 
}

更多信息，請訪問：使用任何類型的服務器端語言在這個項目ühttp://lesscss.org/

來源

2014-03-12 09:16:15 KunJ

如何將2個CSS類組合成一個？

回答

相關問題