details-pseudo-elements-004.html (835B)
1 <!DOCTYPE HTML> 2 <title>::details-content pseudo element supports ::before and ::after</title> 3 <link rel="match" href="details-pseudo-elements-004-ref.html"> 4 <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements"> 5 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#treelike"> 6 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#details-content-pseudo"> 7 <link rel="help" href="https://github.com/whatwg/html/pull/10265"> 8 <link rel="help" href="https://github.com/dbaron/details-styling/blob/main/phase-1.md"> 9 <link rel="help" href="https://crbug.com/1469418"> 10 <style> 11 12 details::details-content::before { content: "[before]"; } 13 details::details-content::after { content: "[after]"; } 14 15 </style> 16 17 <details open> 18 <summary>summary</summary> 19 contents 20 </details>