[CSS] Selector

selector

-선택한것을 디자인

class

-디자인을 적용하기 위해 만든다

-여러군데 적용 가능

id

-id는 하나만 존재, element의 고유한 이름 ex)기본키

*은 최상위 태그에 적용

 

id는 보통 하나만 적용, 똑같은 이름으로 여러개 사용x(id1 은 2개 존재할 수 x, id1, id2로 적용ㅇ)

                                                       p[text="bb"] → bb는 앞뒤로 공백이 있어야함, 이름이 똑같아야 함 bb1x                                      ^= 시작 &= 끝

ex) a: link { /* a태그에 대한 가상 속성 */}

E: nth-child ex)first-child(부모태그의 첫자식태그), last-child, 2n=짝수, 2n+1=홀수

first-child = body태그 안의 첫번째 태그

focus=tab을 누르면 포커스가 잡힘

                                                                         first-line = 한줄만 바뀜                                                                                            input + div →둘이 붙어있어야함(중간에 다른 태그 있으면x)

div=할아버지 h2 = 자식 ul =손자

아래위로 붙어있어야함