JSFiddle - React, Tailwind, and code Playground

by cj1406942109

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="ISO-8859-2">
    <title>Document</title>
  </head>

  <body>
    <div>
      <p>
        <span>西游记</span>的作者是吴承恩。
      </p>
    </div>
  </body>

</html>

CSS

div {
  quotes: "(" ")" '“' '”' "《" "》";
}

div::before {
  content: open-quote;
}

div::after {
  content: close-quote;
}

p::before {
  content: no-open-quote;
}

p::after {
  content: no-close-quote;
}

span::before {
  content: open-quote;
}

span::after {
  content: close-quote;
}