CSS content为多语言内容插入对应字符实例页面
代码:
CSS代码:
/* 为不同语言指定引号的表现 */
:lang(en) > q {quotes:'"' '"';}
:lang(no) > q {quotes:"«" "»";}
:lang(ch) > q {quotes:"“" "”";}
/* 在q标签的前后插入引号 */
q:before {content:open-quote;}
q:after {content:close-quote;}
HTML代码:
<p lang="en"><q>It’s only work if somebody makes you do it.</q></p>
<p lang="no"><q>Hvis du forteller meg nok en vits, så skal jeg slå deg til jorden.</q></p>
<p lang="ch"><q>欢迎来到上海,欢迎参观世博会!</q></p>
效果:
It’s only work if somebody makes you do it.
Hvis du forteller meg nok en vits, så skal jeg slå deg til jorden.
欢迎来到上海,欢迎参观世博会!