Programming/CSS

[CSS기초] 1. 선택자

루눌룹 2020. 7. 19. 18:11

1. 선택자 - CSS에서 스타일을 어디에 적용할지 선택하는 인자

1.1 태그선택자

Html의 태그를 선택함

문법 – {태그 이름}

Ex) div, span, title,

 

1.2 클래스 선택자

지정된 특정한 클래스를 선택함

문법 - .{클래스 이름}

Ex) .navigation-bar, .white-board

 

1.3 아이디 선택자

특정한 아이디만 선택함

문법 - #{아이디 이름}

Ex) #first-title, #curvel

 

1.4 복합선택자

두개 이상의 선택자를 포함하여 두개 이상의 조건을 만족하는 태그를 찾는 선택자

 

Ex)

1. A > B – A의 하위요소 첫번째 B만선택

2. A B -A의 하위요소 B모두선택

3. A.B - A요소중 B클래스인 요소

References: heropy.blog