For a Swiss website in need the proper quotation marks to be set for <q>
tagged content for Swiss, German and French language.
The HTML
<!DOCTYPE html>
<html lang="de-CH">
...
<p>Lorem <q>ipsum</q> dolor sit amet</p>
the styles
q[lang="de-CH"] {
quotes: '«' '»' '‹' '›';
}
The quotes used (Edge) are „
and ‟
which are the default German quotations not the specified Swiss one's. If I add lang="de-CH"
to <q>
it does work but I do not want to specify this in the text, it should take it from the <html lang
setting. Is there a way to do this?
CodePudding user response:
The block then should be
html[lang="de-CH"] q {
quotes: '«' '»' '‹' '›';
}
so you change the quotes for q
when html
has lang=de-CH
. (the html
part may be omitted so to decrease the specificity of the selector)