:state() - CSS: Cascading Style Sheets 编辑

Draft

This page is not complete.

Experimental

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The :state CSS pseudo-class represents any custom element with the specified custom state in ElementInternals.states.

custom-element:state(foo) {
  /* Styles to apply when `custom-element` is in the `foo` state */
}

Syntax

Syntax not found in DB!

Examples

Fill in a simple example that nicely shows a typical usage of the selector, then perhaps some more complex examples (see our guide on how to add code examples for more information).

my code block

And/or include a list of links to useful code samples that live elsewhere:

• x
• y
• z

Specifications

See also

• The ElementInternals.states property - DOMTokenList used to configure which custom states a custom element is in.