<?xml version="1.0" encoding="UTF-8"?>
<feature id="before-after"><name>::before and ::after</name><description>The ::before and ::after CSS pseudo-elements select inline boxes preceding and following an element. They are often used with the content property to generate cosmetic content.</description><baseline><status>widely</status><low_date>2015-07-29</low_date><high_date>2018-01-29</high_date></baseline><support><browser name="chrome" version="1" supported="true"></browser><browser name="firefox" version="1.5" supported="true"></browser><browser name="safari" version="4" supported="true"></browser><browser name="edge" version="12" supported="true"></browser><browser name="chrome_android" version="18" supported="true"></browser><browser name="firefox_android" version="4" supported="true"></browser><browser name="safari_ios" version="3.2" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-pseudo-4/#generated-content</spec></specifications><caniuse><id>css-gencontent</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/::after</mdn_url><compat_features><key>css.selectors.after</key><key>css.selectors.after.animation_and_transition_support</key><key>css.selectors.before</key><key>css.selectors.before.animation_and_transition_support</key></compat_features><canonical_url>https://nowyoucanuse.com/features--before-after.html</canonical_url></feature>