Selector | 규격 | ex | 적용 대상 Element |
Universal Selector (전체 선택자) |
*{속성: 속성값;} | *{} | 전체 |
Type Selector (태그 선택자) |
태그 명 { } | p { }, h1{ } ... | 태그 명에 해당하는 모든 Element |
Class Selector (클래스 선택자) |
클래스 명 { } | .class1 { } ... | 속성에 class="class1" |
ID Selector (ID 선택자) |
#아이디 명 { } | #id1 {} | 속성에 id = "id1" <!> id 는 각 태그마다 고유해야 함 |
Descendant Combinator (하위 선택자) |
클래스명 하위태그 { } | .tb td {} | 속성에 class="tb"가 주어진 태그의 하위태그 명에 해당하는 모든 Element |
Child Selector (자식 선택자) |
클래스 명>자식 태그{ } | .tb-head>tr>td {} | 속성에 class="tb"가 주어진 태그에서 >순서대로 내려간 최하위 태그 |
'학 > Web' 카테고리의 다른 글
[Javascript] 연산 (0) | 2023.04.20 |
---|---|
[Javascript] 자료형 (0) | 2023.04.20 |
[Javascript] 입/출력 (0) | 2023.04.20 |
[Javascript] 변수 (0) | 2023.04.20 |
[HTML] body 영역 (0) | 2023.04.20 |