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)
