通过伪元素指定不同语言下的引号

要指定不同语言下的引号,只需通过伪元素进行生成即可:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
:lang(en){
quotes: '"' '"';
}
:lang(no){
quotes: '《' '》';
}
:lang(ch){
quotes: '“' '”';
}
p:before{content: open-quote}
p:after{content: close-quote}
</style>
</head>
<body>
<p lang="en">Only strong survive!</p>
<p lang="no">Hvis du forteller meg nok en vits, så skal jeg slå deg til jorden.</p>
<p lang="ch">科比布莱恩特</p>
</body>
</html>

还是从鑫旭大神的文章里得来的:http://www.zhangxinxu.com/wordpress/2010/04/css-content内容生成技术以及应用/

posted @ 2017-06-09 20:44  _Jo  阅读(107)  评论(0编辑  收藏  举报