<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.