【CSS】基本(要素,class,id,複数選択)

投稿者: | 2020年11月15日
CSSアイキャッチ

今回はCSSで目的の要素の取得をしてみたいと思います。

CSSの基本なのでこの機会に是非マスターしちゃいましょう。

 

CSSの記述場所は下記

CSSを記述する場所(初心者必見)

 

それではいってみましょう!

 

指定要素を取得

要素名{スタイルプロパティ};

li要素のスタイルを赤の文字にする例

要素

 

指定クラスを取得

.class名{スタイルプロパティ};

.sampleクラスのスタイルを赤の文字にする例

class

 

指定idを取得

#id名{スタイルプロパティ};

#testのスタイルを赤の文字にする例

id

 

複数要素を取得

要素,要素{スタイルプロパティ};

h2h3のスタイルを赤の文字にする例(カンマで区切る)

複数選択

 

まとめ

今回は基本となるセレクタで目的の要素に色を付けてみました。

CSSをこれから覚えようという方は必須のものなので少しずつ覚えていきましょう(^▽^)o

以上です。