Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
Tags
- padding
- css기본선택자
- css너비설정
- 속성선택자
- html의구조 #태그 #빈태그
- css복합선택자
- 가상클래스선택자
- 스타일상속
- css여백설정
- css상속속성
- style상속
- 선택자게임
- 가상요소선택자
- css여백
- css설정
- css테두리
- CSS선택자
- css단위
- 선택자우선순위
- !important
- CSS Diner
- css
- margin
- CSS border
- 강제상속
Archives
- Today
- Total
목록css복합선택자 (1)
잊기
CSS 선택자
기본 전체 선택자 * 태그 선택자 : 태그 이름으로 선택 div, ul, li 등 클래스 선택자 : .class id 선택자 : #id 복합 일치선택자 (선택자 조건 여러가지를 동시에 만족하는 요소 선택) 예시) span.orange { color:red; } 자식선택자 (선택자A의 자식요소 선택, > 사용) 예시) ul>.orange { color:red; } => ul태그의 자식중 클래스가 orange인 요소 선택 하위선택자 (선택자A의 하위요소 선택, 띄어쓰기 사용) 예시) div .orange { color:red; } => div태그의 하위요소 중 클래스가 orange인 요소 선택| 인접 형제 선택자 (같은 부모요소를 공유하는 형제요소 중 다음 하나 선택, + 사용) 예시) .orange+li ..
CSS!
2023. 12. 30. 21:55