학/Web

[css] 선택자

이준늬 2023. 4. 20. 01:25
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