💐 Plumeria
API reference

pseudo

Pseudo items

string | Functions argument: string
Just like media and container, you can use it as a selector by putting it in an array.
You can write pseudo of multiple using cx.

TypeScript
import { css } from '@plumeria/core';
 
// Pseudo-classes
css.pseudo.active;
css.pseudo.anyLink;
css.pseudo.autoFill;
css.pseudo.buffering;
css.pseudo.checked;
css.pseudo.default;
css.pseudo.defined;
css.pseudo.disabled;
css.pseudo.empty;
css.pseudo.enabled;
css.pseudo.first;
css.pseudo.firstChild;
css.pseudo.firstOfType;
css.pseudo.focus;
css.pseudo.focusVisible;
css.pseudo.focusWithin;
css.pseudo.fullscreen;
css.pseudo.future;
css.pseudo.hasSlotted;
css.pseudo.host;
css.pseudo.hover;
css.pseudo.inRange;
css.pseudo.indeterminate;
css.pseudo.invalid;
css.pseudo.lastChild;
css.pseudo.lastOfType;
css.pseudo.left;
css.pseudo.link;
css.pseudo.modal;
css.pseudo.muted;
css.pseudo.onlyChild;
css.pseudo.onlyOfType;
css.pseudo.open;
css.pseudo.optional;
css.pseudo.outOfRange;
css.pseudo.past;
css.pseudo.paused;
css.pseudo.pictureInPicture;
css.pseudo.placeholderShown;
css.pseudo.playing;
css.pseudo.popoverOpen;
css.pseudo.readOnly;
css.pseudo.readWrite;
css.pseudo.required;
css.pseudo.right;
css.pseudo.root;
css.pseudo.scope;
css.pseudo.seeking;
css.pseudo.stalled;
css.pseudo.target;
css.pseudo.userInvalid;
css.pseudo.userValid;
css.pseudo.valid;
css.pseudo.visited;
css.pseudo.volumeLocked;
 
// Pseudo-elements
css.pseudo.after;
css.pseudo.backdrop;
css.pseudo.before;
css.pseudo.cue;
css.pseudo.detailsContent;
css.pseudo.firstSelectorButton;
css.pseudo.firstLetter;
css.pseudo.firstLine;
css.pseudo.grammarError;
css.pseudo.marker;
css.pseudo.placeholder;
css.pseudo.selection;
css.pseudo.spellingError;
css.pseudo.targetText;
css.pseudo.viewTransition;
 
// Functional pseudo-classes
css.pseudo.fn.dir();
css.pseudo.fn.has();
css.pseudo.fn.host();
css.pseudo.fn.hostContext();
css.pseudo.fn.is();
css.pseudo.fn.lang();
css.pseudo.fn.nthChild();
css.pseudo.fn.nthLastChild();
css.pseudo.fn.nthLastOfType();
css.pseudo.fn.nthOfType();
css.pseudo.fn.not();
css.pseudo.fn.state();
css.pseudo.fn.where();
 
// Functional pseudo-elements
css.pseudo.fn.cue();
css.pseudo.fn.highlight();
css.pseudo.fn.part();
css.pseudo.fn.slotted();
css.pseudo.fn.viewTransitionGroup();
css.pseudo.fn.viewTransitionImagePair();
css.pseudo.fn.viewTransitionNew();
css.pseudo.fn.viewTransitionOld();

On this page