idセレクタ

<p id="id-selector1">idセレクタで文字色を赤くしよう</p>
<div id="id-selector2"></div>


div {
  display: inline-block;
  width: 200px;
  height: 200px;
}

/*  問題1. idセレクタでスタイルの指定をしよう */
#id-selector1 {
  color: #ff0000;
}

#id-selector2 {
  background-color: #000;
}


div {
  display: inline-block;
  width: 200px;
  height: 200px;
}

/*  問題1. idセレクタでスタイルの指定をしよう */


idセレクタの使い方を知ろう

要素型セレクタ

セレクタとは何かを知ろう

全称セレクタ（*）

```css
$(1) {
  margin: 0;
  padding: 0;
}
```

全称セレクタの使い方を知ろう

classセレクタ

クラスセレクタの使い方を知ろう

【演習】セレクタを使用してコンテンツを作成しよう1

セレクターリスト

セレクターリストの使い方を知ろう

子孫セレクタ

子孫セレクタの使い方を知ろう

子セレクタ(>)

子セレクタの使い方を知ろう

隣接兄弟セレクタ(+)

隣接兄弟セレクタの使い方を知ろう

【演習】セレクタを使用してコンテンツを作成しよう2

属性セレクタ

属性セレクタの使い方を知ろう

フクロウセレクタ(* + *)

フクロウセレクタの使い方を知ろう

【演習】セレクターを使用してフォームコンテンツのレイアウトを整えよう

CSSにおけるセレクタの選択方法を詳しく学び、複雑なデザイン要件にも対応できるようになります。
タグから属性、似ていないセレクタまでを深く理解します。

0からWebサイト制作のコツを学び、案件獲得までに必要なスキルをキャッチアップします。

Web制作コース

【まずはここから🔰】ゼロから始めるWeb制作

「セレクタの使い方を学ぼう」レッスンの総復習クイズです。