CSS/Selektoren/popover-open
Aus SELFHTML-Wiki
CSS | Selektoren
Der :popover-open-Selektor ist eine dynamische Pseudoklasse und kennzeichnet Popover-Elemente (d. h. Elemente mit einem Popover-Attribut), die sich im angezeigten Zustand befinden. Sie können dies verwenden, um Popover-Elementen nur dann einen Stil zuzuweisen, wenn sie angezeigt werden.
- Syntax
:popover-open {}- anwendbar auf
- alle Popover
Beispiel
:popover-open {
width: 200px;
height: 100px;
position: absolute;
inset: unset;
bottom: 1em;
right: 1em;
margin: 0;
}
Die im Default-Stylesheet festgelegten Werte für den Einzug oben, rechts, unten und links werden mit inset: unset zurückgesetzt und das Popover in die rechte untere Ecke positioniert.
Siehe auch
Weblinks
- WHATWG: :popover-open Selectors Level 4
- MDN: :popover-open
- Browser-Support: caniuse.com
CSS-Selektoren
- dynamische Pseudoklassen
- :active
- :any-link
- :autofill
- :buffering
- :checked
- :default
- :defined
- :disabled
- :enabled
- :focus
- :focus-visible
- :focus-within
- :future
- :has()
- :hover
- :in-range
- :indeterminate
- :invalid
- :is() (war: matches())
- :lang()
- :link
- :muted
- :not()
- :open
- :optional
- :out-of-range
- :picture-in-picture
- :placeholder-shown
- :popover-open
- :target
- :target-current
- :user-invalid
- :user-valid
- :valid
- :visited
- :where()
- einfache Selektoren
- Kombinatoren
- Pseudoelemente
- strukturelle Pseudoklassen
