HTML CSS
css selector
nathaneast
2019. 8. 14. 21:29
~= 일치하는 값
|= 일치,시작하는 값
^= x값으로 시작하는 요소
$= 끝나는 요소
*= 포함하는것
A > B의
A 의 직계 자식 B 선택
- A B 와의 차이점
A B : A 태그 안의 B태그 선택
A+B
A다음에 오는 B 선택
A~B
A다음에 B오는것 모두 선택
x:first-child
x가 첫번째 자식인것 선택
x:nth-child(숫자)
- x가 몇번째(숫자)태그인지 선택
- 1번숫자n+ 2번숫자
2번숫자 부터 1번숫자씩 증가
x : nth-last-child(숫자)
x 요소의 뒤에서부터 숫자 선택
가상 클래스 셀렉터
x : hover
마우스가 위에 있을때
x : active
클릭 시