logo

サイト内検索
ココログ最強検索 by 暴想

最近のトラックバック

無料ブログはココログ

CSS

特定のHTMLタグに同じCSSを設定する

CSSリファレンス

特定のHTMLタグに同じCSSを設定する

HTMLタグの中で、「Class」「id」を指定して使うのが定番のCSSですが、
特定のHTMLタグだけに設定をする方法があります。

一般的な使い方は、importしたCSSファイルの中で以下の様に記述します。
INPUT{width: 100px;} や DIV{border:1px solid #ff0000;} です。

この場合はCSSファイルをimportしている全てのHTMLタグに適用される為、
画面共通の部品の場合には便利ですが、特定のページだけ・特定の場所だけ
という場合には使えなくなります。

そこで、「Class」「id」を指定したHTMLタグの中にある部品に設定する方法があります。
.aaa INPUT{width: 100px;} や .aaa DIV{border: 1px solid #ff0000;} です。
通常のCSS設定名の後ろに半角スペースを空けてHTMLタグ名を記述します。

以上の2点だけで、CSSの汎用性が大きく上がり、使い勝手が良くなります。