css3 - 语言伪类选择器

最新推荐文章于 2024-10-27 21:16:20 发布

转载最新推荐文章于 2024-10-27 21:16:20 发布 · 257 阅读

本文通过一个HTML文档示例介绍了如何使用CSS中的语言伪类选择器:lang()来针对不同语言的内容应用样式。具体展示了如何为英语内容设置特定的引号样式以及背景颜色。

 1 <!DOCTYPE HTML>
 2 <html lang="en-US">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>语言伪类选择器</title>
 7     <style type="text/css">
 8          :lang(en) {
 9             quotes: '"' '"';
10         }
11         
12          :lang(en) q {
13             background: red;
14         }
15     </style>
16 </head>
17 
18 <body>
19     <p>WWF's goal is to:
20         <q>build a future where people live in harmony with nature</q> we hope they succeed.
21     </p>
22 </body>
23 
24 </html>