今回はCSSで目的の要素の取得をしてみたいと思います。
CSSの基本なのでこの機会に是非マスターしちゃいましょう。
CSSの記述場所は下記
それではいってみましょう!
Menu
指定要素を取得
要素名{スタイルプロパティ};
li要素のスタイルを赤の文字にする例
1 2 3 4 | /*要素 */ li { color: red; } |
指定クラスを取得
.class名{スタイルプロパティ};
.sampleクラスのスタイルを赤の文字にする例
1 2 3 4 | /*クラス */ .sample { color: red; } |
指定idを取得
#id名{スタイルプロパティ};
#testのスタイルを赤の文字にする例
1 2 3 4 | /*ID */ #test { color: red; } |
複数要素を取得
要素,要素{スタイルプロパティ};
h2とh3のスタイルを赤の文字にする例(カンマで区切る)
1 2 3 4 | /*複数選択*/ h2,h3 { color: red; } |
まとめ
今回は基本となるセレクタで目的の要素に色を付けてみました。
CSSをこれから覚えようという方は必須のものなので少しずつ覚えていきましょう(^▽^)o
以上です。