如何將多個類分配給HTML容器？

291

是否可以將多個類分配給單個的HTML容器？如何將多個類分配給HTML容器？

喜歡的東西：

<article class="column, wrapper">

來源

2012-01-04 ARGO

你現在有什麼問題？任何方式都是解決這個問題的方法。任何其他問題可能取決於幾個因素。 – 2012-01-04 05:05:57

雖然這是可行的，但我通常使用CSS繼承的嵌套容器。它更漂亮，通常更有用。 – 2012-01-04 05:12:24

如果在刪除逗號後仍然存在問題，我建議查看[爲什麼規則不起作用]的指導（https://developer.mozilla.org/en-US/docs/Web/CSS/Common_CSS_Questions ＃Style_rules_that_don.27t_work）。對於我來說，我發現最常見的速度障礙是在那裏描述爲「使用速記屬性」（即，暗指恢復爲默認值） – 2015-12-29 20:50:59

394

剛剛刪除逗號是這樣的：

<article class="column wrapper">

來源

2012-01-04 04:52:46

– 2018-01-19 12:11:58

145

從標準

7.5.2元素標識符：id和class屬性

屬性定義

id = name [CS]
此屬性爲元素指定名稱。該名稱在文檔中必須是唯一的。

class = cdata-list [CS]
此屬性將一個類名稱或一組類名稱分配給一個元素。元素的任何數字可以被分配相同的類名稱或名稱。多個類名稱必須用空格字符分隔。

是的，只是在它們之間放一個空格。

<article class="column wrapper">

當然，你可以用CSS繼承做很多事情。只是谷歌它。

來源

2012-01-04 04:56:13

如果一個元素被分配給多個爲相同屬性設置不同值的類，那麼瀏覽器應該如何反應。有一些優先順序嗎？ – EternallyCurious 2014-01-01 15:22:02

@EternallyCurious屬性由瀏覽器聚合，所以這種行爲將是非確定性的。 – 2014-01-03 16:24:55

@JonathanHenson：不，它不是。在特徵相同的情況下，稍後在CSS中發生的規則將勝出。 – 2014-01-10 12:24:36

要分配多個類到html元素，包括類屬性的報價內既類名和已經它們由空格分隔：

<article class="column wrapper">

在上述例子中，column和wrapper是兩個獨立的CSS類，它們的兩個屬性都將應用於article元素。

來源

2016-06-28 21:40:42 Webeng

+11

這個答案和以前有什麼不同？ – 2016-06-28 22:09:56

是的，沒有逗號。只是一個空間。因爲它認爲逗號是第一類專欄的一部分。然後它使類別column,不起作用。工作代碼看起來就像這樣：<article class="column wrapper">

來源

2018-02-16 16:51:03 ProfitPhoenix

請隨附說明 – btl 2018-02-16 16:55:14

謝謝！第一個答案，不知道我必須這樣做。 – ProfitPhoenix 2018-02-16 17:07:57

如何將多個類分配給HTML容器？

回答

相關問題