这篇文章主要介绍了css怎么用特定属性选择器lang,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
css:lang选择器定义用法介绍
lang向带有指定lang属性开始的元素添加样式。
注意:值是整个单词,单独像lang="en",或者使用连字符(-)如lang="en-us"。
语法:
:lang{
style:属性;
}
lang使用举例:
每个元素lang属性值等于"abstract"背景颜色设置为red.
p:lang(abstract){
background:red;
}
请再看下面的例子:
*[lang|="en"]{color:red;}
上面这个规则会选择lang属性等于en或以en-开头的所有元素。因此,以下示例标记中的前三个元素将被选中,而不会选择后两个元素:
<plang="en">段落en</p>
<plang="en-us">段落en-us</p>
<plang="en-au">段落en-au</p>
<plang="fr">段落fr</p>
<plang="cy-en">段落xy-en</p>
lang完整例子
<!DOCTYPEHTML>
<html>
<head>
<metacharset="UTF-8">
<styletype="text/css">
:lang(en){
color:blue;
display:block;
text-decoration:none;
}
</style>
</head>
<body>
phpstudy
HTML
511遇见
</body>
</html>
感谢你能够认真阅读完这篇文章,希望小编分享的“css怎么用特定属性选择器lang”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。