台灣最大程式設計社群網站
線上人數
944
 
會員總數:246203
討論主題:189777
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 如何合併多個css在同一Class
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
如何合併多個css在同一Class
價值 : 100 QP  點閱數:1505 回應數:6
樓主

怎麼一直錯
初學者
41 72
1409 124
發送站內信

捐贈 VP 給 怎麼一直錯
請問
我呼叫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
捐贈 VP 給 Daimom 檢舉此回應
參考看看 任意門
這應該跟你要的一樣。
本篇文章回覆於2015-11-16 08:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
不錯的參考

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
這樣的問題,要解決的方案有很多種。

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樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
請教星空大 書寫麻煩 跟該打有何關聯??不太懂。

看他的css樣式應該是bootstrap,要重新定義應該要整個翻掉自己做了。
本篇文章回覆於2015-11-17 15:47
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

怎麼一直錯
捐贈 VP 給 怎麼一直錯 檢舉此回應
謝謝二位 我瞭解了,上面的做法我會試試
書寫麻煩..該打..應該是太懶惰吧
本篇文章回覆於2015-11-17 15:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
回#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樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
受教了~~
不太會寫css(通常直接套版)。
另外想到,當多個css混雜在一起時,除錯會除到瘋掉,還請樓主注意...
本篇文章回覆於2015-11-18 16:17
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.