css 활용하기

부모, 자식 선택자

  - 부모 태그 안에 자식 태크에만 적용하는 방법! (class, id도 해당!)

방법은 크게 2가지만 알아보자!
1. 부모값 자식값 {}   ex) div li
   -> 부모값 밑에 있는 해당하는 모든 자식 값에 css 적용
2. 부모값>자식값 {}   ex) div>li
   -> 부모값 바로 밑에 있는 해당 자식 값에게만 css 적용

---

같은 css값 설정하기

  - 이건 간단하다. 태그값, 태그값 {}하면 끝! (태그 값 대신 class, id 가능)

---

가상 클래스 선택자

  - 값:가장 클래스(검색해서 찾아보세요) 종류와 설명 링크

---

같은 css값 설정하기

  - 이건 간단하다. 태그값, 태그값 {}하면 끝! (태그 값 대신 class, id 가능)

---

캐스케이딩 규칙 (중요!)

  - css 값이 적용되는 우선 순위이며 작은 범위가 가장 힘이세고 큰 범위 일수록 약하다.
  css적용할 때 잘 고려해서 작성해야한다!
  - 범위크기 비교하면! tag > class > id > style

---

재미있게 연습하자! (게임으로~)

  - 사이트(치트시트) 링크