<div class="container">
  <h2>Content property with no-open-quote/no-close-quote</h2>
  <p><q>A wise man once said: <q class="noquotes">Be true to yourself, but don't listen to those who say <q>Don't be true to yourself.</q></q> That is good advice.</q></p>
</div>
body {
  padding: 10px;
  font-size: 20px;
}

.container {
  width: 400px;
  margin: auto;
}

q {
  quotes: "“" "”" "‘" "’" "“" "”";
}

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

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

.noquotes::before {
  content: no-open-quote;
}

.noquotes::after {
  content: no-close-quote;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.