CSSPseudoElement.type
Experimental
This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The type
read-only property of the
CSSPseudoElement
interface returns the type of the pseudo-element as a
string, represented in the form of a CSS selector.
Syntax
var typeOfPseudoElement = cssPseudoElement.type;
Value
A CSSOMString
containing one of the following values:
Examples
The example below demonstrates the relationship between
CSSPseudoElement.type
and Element.pseudo()
:
const myElement = document.querySelector('q');
const mySelector = '::after';
const cssPseudoElement = myElement.pseudo(mySelector);
const typeOfPseudoElement = cssPseudoElement.type;
console.log(mySelector === typeOfPseudoElement); // Outputs true
Specifications
Specification | Status | Comment |
---|---|---|
CSS Pseudo-Elements Level 4 The definition of 'type' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
BCD tables only load in the browser