CSS Selector

1. CSS Selectors

 

In CSS, selectors are patterns used to select the element(s) you want to style.

 

2. 특징적인 것

 

.class : 클래스 선택

#id : 아이디 선택

* : 전부 선택

elemenet : 해당하는 element 전부 선택

 

두개의 선택자를 붙여서 : 두개를 동시에 가지는 것 

두개의 선택자를 띄어서 : 오른쪽 거 선택 

 

3. 예시 

.name1.name2 :  Selects all elements with both name1 and name2 set within its class attribute

.name1 .name2 : Selects all elements with name2 that is a descendant of an element with name1

p.intro : Selects all <p> elements with class="intro"

div, p : Selects all <div> elements and all <p> elements

div p : Selects all <p> elements inside <div> elements

div > p : div의 child인 p, 즉 div가 parent인 p 

div + p : div의 sybling인 p, html상에서 같은 계층, 바로 뒤에 오는 1개 선택

div ~ p : div의 sybling인 p 전부 선택