这篇文章主要介绍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- 开头的所有元素。因此,以下示例标记中的前三个元素将被选中,而不会选择后两个元素:
<p lang="en">段落en</p> <p lang="en-us">段落en-us</p> <p lang="en-au">段落en-au</p> <p lang="fr">段落fr</p> <p lang="cy-en">段落xy-en</p>
lang完整例子
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <style type="text/css"> :lang(en) { color:blue; display: block; text-decoration: none; } </style> </head> <body> <a href="#"> phpstudy </a> <a>HTML</a> <a href="#"> 511遇见</a> </body> </html>
效果图:
以上是css怎么使用特定属性选择器lang的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
新闻标题:css怎么使用特定属性选择器lang
标题路径:https://www.cdcxhl.com/article0/pgieoo.html
成都网站建设公司_创新互联,为您提供网站改版、网站收录、网站内链、品牌网站制作、小程序开发、网站设计
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联