Even though vendor-specific pseudo-elements and pseudo-classes are guaranteed not to cause conflicts, it should be recognized that these extensions may also be subject to change at the vendor’s whim, as they don’t form part of the CSS specifications, even though they often mimic the proposed behavior of existing or forthcoming CSS pseudos. Thus, it is not recommended to use them in production code.

The rule raises an issue when one of the following prefixes is found:

This rule also raises an issue when one of the following experimental pseudos is found:

any-link backdrop blank
content current current
default dir drop
drop first focus-within
fullscreen future grammar-error
has host host
host-context in-range inactive-selection
left marker matches
nth-column nth-last-column out-of-range
past paused placeholder
placeholder-shown playing read-only
read-write region right
scope  #2 scope-context shadow
spelling-error user-invalid

Noncompliant Code Example

::-moz-selection {  /* Noncompliant: vendor-prefixed pseudo-element */
  background: rgba(255,0,0,0.9);
  color: white;
}

#id:fullscreen > h1 { /* Noncompliant: experimental pseudo-class */
  color: red;
}