css :lang选择器使用详解

时间:2016-08-11
css :lang伪类选择器用于匹配带有指定lang属性值的元素并设置其css样式，如p:lang(php)表示选择带有lang属性的p元素并且其lang属性值为php,本文章向大家介绍css :lang选择器使用方法和实例。

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>

在线运行

随机文章
WEB前端知识点必读
最近更新