<p>
  <q>standard quotes</q>
</p>

<p>
  <q>first level quotes <q>Second Level quotes</q></q>
</p>
<p>
  <q class="custom-q-tag-quotes">custom q tag quotes</q>
</p>

<p>
  <span class="custom-quotes">custom quotes for another HTML element</span>
</p>

<p>
  <q class="custom-first-level-quotes">first level quotes <q>Second Level quotes</q></q>
</p>

<p>
  <q class="custom-second-level-quotes">first level quotes <q>Second Level quotes</q></q>
</p>
.custom-q-tag-quotes {
  quotes:'😎' '😎';
}

span {
  quotes:'🙌' '🙌';
}

.custom-quotes:before {
  content: open-quote;
}

.custom-quotes:after {
  content: close-quote;
}

.custom-first-level-quotes {
  quotes: "\2039" "\203A"
}

.custom-second-level-quotes {
  quotes: "\2039" "\203A" "\00AB" "\00BB"
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.