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:
-ah- Antenna House-apple- Webkit supports properties using the -apple- prefixes as well-atsc- Advanced Television Standards Committee-epub- EPUB-fx- JavaFX-hp- Hewlett Packard-khtml- Konqueror browser-moz- Mozilla Foundation (Gecko-based browsers)-ms- Microsoftmso- Microsoft Office-o- Opera Softwareprince- YesLogic-rim- Research In Motion-ro- Real Objects-tc- Tall Components-wap- The WAP Forum-webkit- Safari, Chrome (and other WebKit-based browsers)-xv- Opera SoftwareThis 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+.
.mybox {
@-moz-vendoratrule {} /* Noncompliant: vendor-prefixed @-rule */
@custom-media --narrow-window (max-width: 30em); /* Noncompliant: experimental @-rule */
}