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
Element Display State Pseudo-classes
요소의 화면 표시 상태를 사용한 선택자 방식이다.
관련 선택자 유형
:fullscreen
웹 브라우저가 전체 화면 모드가 될때 선택자로 사용이 된다.
:modal
다른 요소와의 모든 상호 작용을 배제하는 상태에 있는 요소를 나타낸다.
:picture-in-picture
요소가 PIP(picture in picture) 모드일 경우에 동작한다.
W3C Modules
Selectors Level 4 - Element Display State Pseudo-classes
W3C Working Draft, 11 November 2022