Even though vendor-specific @-rules 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 @-rules. Thus, it is not recommended to use them in production code.

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

[[vendors]]

This rule also raises an issue when one of the following experimental @-rules is found. An @-rule is considered as experimental if it is not supported by IE/Edge 11+, Firefox 44+ and Chrome 48+.

[[experimentalAtRules]]

Noncompliant Code Example

.mybox {
  @-moz-vendoratrule {} /* Noncompliant: vendor-prefixed @-rule */
  @custom-media --narrow-window (max-width: 30em); /* Noncompliant: experimental @-rule */
}

stylelint Related Rules