CSSセレクタ


CSSセレクタ


HTML固有の要素の記号を選択します.
*CSS는 HTML 외부에서 불러오는 방식으로 가정

1.タグの検索


入力セクションに適用するタグの名前を入力します.
*.css
div {
  ...
}

h1 {
  ...
}

img {
  ...
}

2.classとして検索


入力セクションに適用するタグのclass名を入力します.
*.html
<p class="yello">p</p>
<div class="pen">div</div>
<h1 class="apple">h1</h1>
*.css
.yello {
  ...
}

.pen {
  ...
}

.apple {
  ...
}

3.idで検索


入力部に適用するタグのid名を入力します.
*.html
<p id="a">p</p>
<div id="b">div</div>
<h1 id="c">h1</h1>
*.css
#a {
  ...
}

#b {
  ...
}

#c {
  ...
}