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

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
type
No
No
75
63-75
No
No
No
No
No
63-79
No
No
No

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSPseudoElement/type