CSSで複数のセレクタ・宣言を指定する方法【スタイルシート】

【記述方法】

(例)

h2,h3{
    color:red;
    font-size:1.5em;
    text-align:center;
    background-color:yellow;
}



CSSスタイルシートの設定で複数セレクタを指定したい場合は「,」カンマを入れる事で複数要素を選択することが出来ます。

例えば1h〜h6まで全て同じスタイルを適応させたい場合は
『 h1,h2,h3,h4,h5,h6 』のようになります。


また複数宣言を行いたいときには宣言の終わりに「;」セミコロンをつけて、次の宣言を行います。(例)の場合最後『background-color:yellow;』の;セミコロンですが、本来ならば付けなくてもOKです。最後に「;」を付けて置くメリットとしては追加の宣言を行うときに;セミコロンを付け忘れしないということです。


※プロパティの横に付けているのは「:」コロンです。間違わないようにしましょう!





カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

About Site(サイト案内) 概要

アクセスアップ方法・アクセスアップツールを中心に紹介しています。出来るだけ易しいサイト作りを目指したいと思います。まだまだコンテンツが少ないですが確実なアクセスアップ方法を紹介しますのでどうぞ宜しくお願いします。アクセスアップ記事以外にもWeb製作のことやiPhoneのこと。ニュースなども取り上げていきます。


◆リンク
http://secretaccess.seesaa.net/
タイトルは『Digital Life -デジタルライフ-
(テキストリンクのみです)
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。