web-dev-qa-db-ja.com

HTMLコンテナに複数のクラスを割り当てる方法

単一のHTMLコンテナーに複数のクラスを割り当てることは可能ですか?

何かのようなもの:

<article class="column, wrapper"> 
347
ARGO

このようにカンマを削除するだけです。

<article class="column wrapper"> 
470
Aurelio De Rosa

標準から

7.5.2要素識別子:idとclassの属性

属性定義

id =名前[CS]
この属性は要素に名前を割り当てます。この名前はドキュメント内で一意である必要があります。

class = cdata-list [CS]
この属性は、要素にクラス名またはクラス名のセットを割り当てます。任意の数の要素に同じクラス名を割り当てることができます。複数のクラス名は空白文字で区切る必要があります。

はい、それらの間にスペースを入れるだけです。

<article class="column wrapper">

もちろん、CSS継承でできることはたくさんあります。それをグーグルしてください。

167
Jonathan Henson

複数のクラス html要素 に割り当てるには、両方のクラス名をclass属性の引用符で囲み、それらをスペースで区切ってください。

<article class="column wrapper"> 

上記の例では、columnwrapperは2つの別々のcssクラスであり、両方のプロパティがarticle要素に適用されます。

14
Webeng

ええ、カンマはありません。ちょうどスペースです。それはカンマが最初のクラス、列の一部であると思うからです。それからそれは機能しないクラスcolumn,を作ります。作業コードは次のようになります。<article class="column wrapper">

6
user9357559