Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Localized quotation marks for <q> element.
/* Default quotation mark fallback:
* "This is a quotaion."
*/
q::before {
content: open-quote;
}
q::after {
content: close-quote;
}
/* English quotation marks:
* “This is a quotaion.”
*/
html[lang^="en"] q::before {
content: '\201C';
}
html[lang^="en"] q::after {
content: '\201D';
}
/* German quotation marks:
* „This is a quotaion.“
*/
html[lang^="de"] q::before {
content: '\201E';
}
html[lang^="de"] q::after {
content: '\201C';
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment