<?xml version="1.0" encoding="UTF-8"?>
<feature id="cascade-layers"><name>Cascade layers</name><description>The @layer CSS at-rule avoids specificity conflicts by providing priority levels for different groups of CSS rules, such as low-priority styles like resets, and high-priority styles like UI components.</description><group>css</group><group_name>CSS</group_name><baseline><status>widely</status><low_date>2022-03-14</low_date><high_date>2024-09-14</high_date></baseline><support><browser name="chrome" version="99" supported="true"></browser><browser name="firefox" version="97" supported="true"></browser><browser name="safari" version="15.4" supported="true"></browser><browser name="edge" version="99" supported="true"></browser><browser name="chrome_android" version="99" supported="true"></browser><browser name="firefox_android" version="97" supported="true"></browser><browser name="safari_ios" version="15.4" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-cascade-5/</spec></specifications><caniuse><id>css-cascade-layers</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/CSSLayerBlockRule</mdn_url><compat_features><key>api.CSSImportRule.layerName</key><key>api.CSSLayerBlockRule</key><key>api.CSSLayerBlockRule.name</key><key>api.CSSLayerStatementRule</key><key>api.CSSLayerStatementRule.nameList</key><key>css.at-rules.import.layer</key><key>css.at-rules.layer</key><key>css.types.global_keywords.revert-layer</key></compat_features><canonical_url>https://nowyoucanuse.com/features--cascade-layers.html</canonical_url></feature>