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
Scoping
쉐도우(shadow) DOM내의 요소에 대한 선택 방식이다.
관련 선택자 유형
:host
쉐도우 트리(shadow tree)의 호스트(host)와 일치한다.
:host()
내부에서 사용되는 CSS가 포함된 쉐도우(shadow) DOM의 쉐도우(shadow) 호스트(host)를 선택하지만 인수로 지정된 선택자가 쉐도우(shadow) 호스트(host)와 일치하는 경우 사용한다.
:host-context()
W3C Modules
CSS Scoping Module Level 1
W3C First Public Working Draft, 3 April 2014
