전체 선택자 : 모든 요소를 한 번에 선택자로 지정
*{ css코드작성 }
태그 선택자 : HTML태그명으로 선택자를 지정
태그명{ css코드작성 }
id선택자: id속성값을 이용해 선택자를 지정
#id속성값{ css코드작성 }
class 선택자 : class 속성값을 이용해 선택자를 지정
.class속성값{ css코드작성 }
기본속성 선택자 : HTML태그에서 사용할 수 있는 속성과 값을 사용해 선택자 지정
[속성]{ css코드작성 }
[속성 = 값]{ css코드작성 }
기본속성 선택자는 다른 선택자와 같이 사용 가능
다른선택자[속성]{ css코드작성 }
그룹선택자 : 여러 선택자를 하나로 그룹 지을 떄 사용
선택자1, 선택자2, 선택자3{ css코드 작성}
자식 선택자 : 부모 요소의 하위에 있는 자식 요소에 스타일을 적용할 때 사용
부모 선택자 > 자식 선택자{ css코드작성 }
하위 선택자 : 선택자의 범위를 특정 부모 요소의 하위 요소로 한정
선택자1 선택자2 선택자3{ css코드작성 }
인접 형제 선택자 : 앞에서 지정한 선택자 요소 바로 다음에 있는 형제 관계 요소를 선택자로 지정
이전 선택자 + 대상 선택자{ css코드작성 }
일반 형제 선택자: 이전 선택자 뒤에 오는 형제 관계 요소를 모두 선택자로 지정
이전 선택자 ~ 대상 선택자{ css코드작성 }
코딩 자율학습 HTML + CSS + 자바스크립트
기초부터 반응형 웹까지 초보자를 위한 웹 개발 입문서
이책을 통해 정리했음을 알립니다.
'html& css' 카테고리의 다른 글
| CSS 필수 속성 (0) | 2022.11.25 |
|---|---|
| HTML 시맨틱 태그 (0) | 2022.11.24 |
| HTML 태그 정리 3 (0) | 2022.11.21 |
| HTML 태그 정리 2 (0) | 2022.11.16 |
| HTML 태그 정리1 (0) | 2022.11.15 |