details-pseudo-elements-004.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<title>::details-content pseudo element supports ::before and ::after</title>

<link rel="match" href="details-pseudo-elements-004-ref.html">

<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements">

<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#treelike">

<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#details-content-pseudo">

<link rel="help" href="https://github.com/whatwg/html/pull/10265">

<link rel="help" href="https://github.com/dbaron/details-styling/blob/main/phase-1.md">

<link rel="help" href="https://crbug.com/1469418">

<style>

details::details-content::before { content: "[before]"; }

details::details-content::after { content: "[after]"; }

</style>

<details open>

  <summary>summary</summary>

  contents

</details>