[CSS] CSS 기본 선택자

CSS기초

CSS 기본 선택자

---

 

- 전체선택자

* : 모든 요소를 선택

* {
  color: red;
}

html의 모든 요소의 색을 빨간색으로

 

 

- 태그선택자

ABC : 태그 이름이 ABC인 요소 선택

li {
  color: red;
}

입력된 태그만 적용

 

 

- 클래스 선택자

.ABC : HTML class 속성의 값이 ABC인 요소 선택

.orange {
  color: red;
}

<li class="orange">오렌지</li>
<span class="orange">오렌지</span>

orange클래스의 글자색을 빨간색으로 변환

 

 

- 아이디선택자

#ABC : HTML id속성의 값이 ABC인 요소 선택

#orange {
  color: red;
}

<li> id="orange" class="orange">오렌지</li>

id가 orange인 요소의 글자색을 빨간색으로 변환