일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 서블릿
- 속성 선택자
- datalist
- 즐거운 자바
- jsp
- nth-of-type()
- spring
- nth-child()
- vmax
- 김성박
- ES6
- optgroup
- 자바
- 웹개발
- 깃헙
- 다시보자
- 보충필요
- EDWITH
- 소스트리
- 가상클래스 선택자
- JavaScript
- 부스트코스
- 복합 선택자
- 상속
- vmin
- HTML Templating
- 가상요소 선택자
- 다시볼 것
- 즐거운자바
- 부정 선택자
Archives
- Today
- Total
목록가상클래스 선택자 (1)
기억의 DataBase
선택자(복합 / 가상클래스 / 부정)
div > ul {} div li {} li:nth-child(3) + li {} li:nth-child(2) ~ li {} 복합 선택자 (조건 선택요소) 부모요소 > 자식요소 : 바로 다음 요소 상위요소 하위요소 : 바로 다음 요소는 아닐 수 있음 선택요소 + 인접형제 : 바로 다음 형제요소 선택요소 ~ 일반형제 : 선택요소 다음 모든 형제들 .box { width: 100px; height: 200px; background: salmon; } .box:active/hover { transition: 0.4s; width: 200px; background: red; } input { width: 100px; outline: none; border: 1px solid lightgray; padding: ..
CSS
2020. 3. 10. 22:02