css :lang选择器介绍

lang 向带有指定 lang 属性开始的元素添加样式。

注意: 值是整个单词,单独像lang="en",或者使用连字符(-)如lang ="en-us"。

语法:

:lang {
   style properties 
}

如:每个<p>元素lang属性值等于"php" 的选择的样式

p:lang(php)
{ 
color:red;
}

 

css :lang选择器实例

一个关于如何使用:lang选择器的demo

<!DOCTYPE HTML> 
<html> 
    <head> 
        <style type=\"text/css\"> 
        :lang(en) { 
            border: thin black solid; 
            padding: 4px; 
        } 
        </style> 
    </head> 
    <body> 
        <a lang=\"en-us\" href=\"/* http://www.manongjc.com/article/1340.html */\"> 
        Visit the www.manongjc.com </a> 
        <span lang=\"en-uk\">HTML</span>
        <a lang=\"en\" href=\"http://w3c.org\">
        Visit the W3C website</a> 
    </body> 
</html>

在线运行

收藏 打印