CSS Reference
HTML
JavaScript
Development
highlight_alt
Selector
work_outline
Properties
settings
Functions
rule
Rules
category
Types
straighten
Units
article
Documents
manage_search
Indexing
search
검색
Selectors
Selectors
Attribute selectors
Attribute presence and value selectors
Substring matching attribute selectors
Case-sensitivity
Class Selector
ID Selector
Combinators
Adjacent sibling combinator
Child combinator
Descendant combinator
Element Display State Pseudo-classes
:fullscreen
:modal
:picture-in-picture
Elemental selectors
:defined
Namespace in Elemental Selectors
Tag Type Selector
Universal Selector
Input Pseudo-classes
:autofill
:checked
:default
:disabled
:enabled
:in-range
:indeterminate
:invalid
:optional
:out-of-range
:placeholder-shown
:read-only
:read-write
:required
:valid
Linguistic Pseudo-classes
:lang()
Location Pseudo-classes
:any-link
:link
:scope
:target
:visited
Logical Combinations
:has()
:is()
:not()
:where()
Selector Lists
Page Selectors
:first
:left
:right
Pseudo-elements
::after
::backdrop
::before
::file-selector-button
::first-letter
::first-line
::marker
::part()
::placeholder
::selection
Resource State Pseudo-classes
:buffering
:muted
:paused
:playing
:seeking
:stalled
:volume-locked
Scoping
:host
:host()
:host-context()
Time-dimensional Pseudo-classes
:future
:past
Tree-Structural Pseudo-classes
:empty
:first-child
:first-of-type
:last-child
:last-of-type
:nth-child()
:nth-last-child()
:nth-last-of-type()
:nth-of-type()
:only-child
:only-of-type
:root
User Action Pseudo-classes
:active
:focus
:focus-visible
:focus-within
:hover
account_tree
bug_report
Elemental selectors
직접적으로 요소를 선택하는 방식이다.
스타일 적용 우선 순위
가 낮은 방식이다.
관련 선택자 유형
:defined
유저 에이전트에 내장된 모든 표준 요소와 성공적으로 정의된 사용자 정의 요소를 포함하여 정의된 모든 요소와 일치한다.
Namespace in Elemental Selectors
네임스페이스가 사용된 문서에서 타입 선택자, 범용 선택자에 대한 선택적 네임스페이스 구성 요소를 허용한다.
Tag Type Selector
요소의 태그 명(type)을 이용한 선택 방식이다.
Universal Selector
모든 요소를 대상으로 하는 전체 선택자 패턴이다.
W3C Modules
Selectors Level 4 - Elemental selectors
W3C Working Draft, 11 November 2022