![]() ![]() ![]() ![]() |
|||||
|
|||||
樓主 怎麼一直錯 ![]()
![]() ![]() |
我呼叫Bootstrap.css,表單裡有Label 為 其中 class="col-sm-4 control-label text-right" 會在表單裡重複多次,為了精簡程式碼 有沒有辦法把多個class寫在一起,像 .MultipleCss{ .col-sm-4 .control-label .text-right ........ } 類似這樣的概念?該如何寫
搜尋相關Tags的文章:
[ css ] , [ multiple ] , [ 合併 ] , [ class ] , [ bootstrap ] , [ label ] , [ 樣式 ] ,
本篇文章發表於2015-11-14 22:41 |
1樓
最有價值解答
Daimom ![]() ![]() |
|
2樓
不錯的參考
浩瀚星空 ![]() ![]() |
這樣的問題,要解決的方案有很多種。
1.程式化css 。利用後端程式如php、asp、java...來去讀取需要的css重新組合一個新的名稱使用。 這招很常用在樣板系統內。一般是為了簡化html碼。可能元件有取用超過5組以上的css標簽。 一般來說這一招大多是用來做一些保護用。因為處理起來會比較麻煩。 大多數是一個團隊處理才會用這樣的方式。 2.利用js程式來自動載入。#1內給你的說明,後面有說到。也就是用jsvascript的方式。來重新定義你的css標簽為何。 不過這招比較麻煩。就是你還得寫一段js的程式碼來處理。但至少比第一種方法簡單多了 3.重新定義一個新的css標簽。 這是最直覺的方式。但可能會造成css維護不易。 回來原本的問題,為何會需要用那麼多的class。其實是有其意義的。 因為要在不同的地方不同的場合,結合不一樣的動作。才會發生使用多個css標簽。 那......都是因為為了要做多元化的變動才這樣子處理。 為何最後又需要結合呢?? 大多數不拖離以下幾個原因 1.簡化html。也就是不要讓html太大。 2.書寫麻煩。(如果是這個原因的話就該打了) 3.程式碼閱讀不易。有時後太多了也是不好的。 我一般並不會做這樣的結合動作。大多是用3的方式,額外去定義一個新的css標簽。 因為要維持原來的多元化。如果有碰上元件不想多元化處理。那就乾脆的另外建立一個還比較快了。
本篇文章回覆於2015-11-17 11:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
3樓 |
請教星空大 書寫麻煩 跟該打有何關聯??不太懂。
看他的css樣式應該是bootstrap,要重新定義應該要整個翻掉自己做了。
本篇文章回覆於2015-11-17 15:47
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
4樓
作者回應
怎麼一直錯 ![]() ![]() |
謝謝二位 我瞭解了,上面的做法我會試試
書寫麻煩..該打..應該是太懶惰吧
本篇文章回覆於2015-11-17 15:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
5樓 |
回#3
書寫麻煩。也就是在設定class時。要輸入5~10個CSS的標簽,覺得很麻煩。 雖然現在編輯器大多都會幫你自動掛入居多了。 但是那麼多還是要去記要去選。麻煩!! 就直接一個css標簽就好了。 我會說該打的原因就是在此。明明是自已要選用這個css。但又懶的寫那麼多定義,那不就是該打了嗎? 我也當然知道他的是 Bootstrap 。也就是如果不覺得麻煩。就另外自行去定義css就好了。 不一定要用Bootstrap.css。 當然了,這又是另外一種麻煩,等於如你所說的,整個翻掉自己做。而且未來也可能會維護不容易不是嗎?? 如果選擇什麼方式,要做的樣式還是不變。只是看要怎麼宣告才會比較方便。 要拿現成的就得照現成的規則來做。 懶不了。 早期我曾經用過如 class="col-sm-4_control-label_text-right" 這樣的寫法。然後搭配樣版系統自動去區分其class。 但後期覺得這樣的寫法很笨。就放棄不用了。
本篇文章回覆於2015-11-18 15:10
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
6樓 |
受教了~~
不太會寫css(通常直接套版)。 另外想到,當多個css混雜在一起時,除錯會除到瘋掉,還請樓主注意...
本篇文章回覆於2015-11-18 16:17
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
回覆 |
如要回應,請先登入. |