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
Combinators
요소와 요소가 결합하는 형태를 이용한 선택자이다.
관련 선택자 유형
Adjacent sibling combinator
인접한 형제 결합 관계를 이용한 선택자 방식이다.
Child combinator
부모 자식 관계의 결합을 이용한 선택자 방식이다.
Descendant combinator
하위 요소(조상과 자손) 결합 관계를 이용한 선택자 방식이다.
W3C Modules
Selectors Level 4 - Combinators
W3C Working Draft, 11 November 2022