Be ready to study forever - 개발자 꿈나무

[CSS기초] 1. 선택자 본문

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

'Programming > CSS' 카테고리의 다른 글

[CSS기초] 6. CSS속성 - 글꼴, 문자  (0) 2020.07.19
[CSS기초] 5. CSS속성 - 박스모델  (0) 2020.07.19
[CSS기초] 4. 속성값 단위  (0) 2020.07.19
[CSS기초] 3. CSS 적용 순위  (0) 2020.07.19
[CSS기초] 2. 상속  (0) 2020.07.19
Comments