CSSで複数のclassを同時に指定する方法

公開日: : CSS全般 , , ,

CSSで複数のclassを同時に指定する

HTMLで1つの要素に同時に複数のスタイルを指定したい場合があります。
そんな時の対処方法です。

class属性をスペースで区切る

1つの要素に同時に複数のスタイルを指定するには
class属性に複数で区切ってを指定します。

具体的には背景色と線の色を複数のCSSで指定するには

のように「class=”bg_color line_color”」とそれぞれのスタイル名を
空白で区切って指定します。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • 14 follow us in feedly

関連記事

no-img

スタイルシート(CSS)で<h1>から<h6>タグにアンダーラインを引いてみる

少し使用しているテーマの<h1>~<h6>タグをスタイルシート(CSS)を使ってでアンダーラインを引

記事を読む

not_found

Google ChromeでCSSが反映されない場合の対処

Google ChromeでCSSが適応されない Internet Explorer では問題なく

記事を読む

no-img

CSSで印刷されないボタンを作る

印刷されないボタン作成 HTMLで作成した画面をブラウザー表示し、 その画面に印刷ボタンを設けて

記事を読む

no-img

スタイルシート(CSS)で背景色を変更する

スタイルシート(CSS)を使って背景色を変更します。 背景色を変更するには「background-

記事を読む

no-img
スタイルシート(CSS)で背景色を変更する

スタイルシート(CSS)を使って背景色を変更します。 背景色を変更す

not_found
Google ChromeでCSSが反映されない場合の対処

Google ChromeでCSSが適応されない Internet

no-img
スタイルシート(CSS)で<h1>から<h6>タグにアンダーラインを引いてみる

少し使用しているテーマの<h1>~<h6>タグをスタイルシート(CSS

no-img
CSSで印刷されないボタンを作る

印刷されないボタン作成 HTMLで作成した画面をブラウザー表示し、

→もっと見る



PAGE TOP ↑