[2일차] #7. CSS 선택자의 기본

2일차

1. CSS 등장 (30분)

- 수업소개

- CSS 등장 이전의 상황

- CSS의 등장

- 혁명적 변화

2. CSS 속성을 스스로 알아내기 (8분)

3.. CSS 선택자를 스스로 알아내는 방법 (15분)

4. 박스모델 (16분)

5. 그리드 (10분)

6. 반응형 디자인 (9분)

7. CSS 코드의 재사용 (12분)

8. 수업을 마치며 (15분)

#7. CSS 선택자의 기본

▲ 글자색 '검은색' 설정

▲ 클래스 '"saw', 글자색 회색으로 바꾸기

saw앞에 (.) ⇒ 마침표(punctuation)을 붙여야 읽힌다 (클래스 선택자)

▲ 클래스 선택자 순서에 따른 변경

CSS 태그 쪽 클래스선택자 위치가 후순위일수록, 적용에 대해 우선순위가 있다

▲ id선택자를 통한 우선순위 해결

[우선순위] 태그 선택자 < 클래스 선택자 < id 선택자

▲ CSS 선택자 더 알아보기 '검색 : CSS Selector'

PLAYCE