CSS的属性选择器lang使用说明

CSS 2 引入了属性选择器，属性选择器可以根据元素的属性及属性值来选择元素，今天我们来学习特定属性选择器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>
<style type="text/css">
:lang(en) {
color:blue;
}
</style>
</head>
<body>
<a lang="en-us" href="http://www.phpstudy.net"> phpstudy </a>
<a lang="en-uk">HTML</a>
<a lang="en" href="http://www.shanhubei.com">珊瑚贝</a>
</body>
</html>

查看全文

http://www.taodudu.cc/news/show-6792580.html

HTML元素的lang属性的说明及详解
oracle lob表空间,如何将Oracle(C)LOB导入另一个表空间
python dll注入监听_HOOK -- DLL的远程注入技术详解(1)
oracle导入表结构失败,【求解】：导入表结构时，总报 IMP-00017 ，大家帮帮忙，谢谢！！...
oracle imp ora 00959,如何IMP存储在多TABLESPACE上的对象(IMP-00003 和 ORA-00959 问题的对应)...
程序员健康面临的5大问题
Web站点的创建与管理
【Django框架】——06 Django入门——2.站点管理
第一周CorelDRAW课程总结
CorelDraw技術討論區
网站原理
网站的运行原理
网站工作原理
通过域名访问网站的原理过程
堆排序原理及算法实现（最大堆）
网站运行原理
堆的原理解析
堆的基本原理
电子脉搏计设计
最佳网络地图服务对比分析:Google Maps 与 OpenStreetMap
图数据库游记
google map结合数据库加载地图
Python爬取谷歌街景图片
根据经纬度获取城市信息(谷歌地图api)
今天给大家讲解一个味道绝佳的拉面味尚拉面
美味拉面做法
拉面
赚钱网站心理学设计
如何在 Windows 系统上安装 SQL Server 2022 Enterprise
碧桂园化身产城运营服务商，潼湖科技小镇成为其智慧产城示范区

CSS的属性选择器lang使用说明相关推荐

零基础学习CSS(10)——属性选择器
官方资料鱼C课程案例库:https://ilovefishc.com/html5/ html5速查手册:https://man.ilovefishc.com/html5/ css速查手册:https ...
css / js 属性选择器
css属性选择器与js属性选择器 <!DOCTYPE html> <html> <head><meta charset="utf-8"&g ...
Css 分类属性选择器
Css 层叠样式表美化页面的小工具分类: 内联 (行内)在标签内部以属性的形式呈现,属性名style 内嵌 head标签内以标签形式呈现,标签名style 外部 head标签内加link标签引 ...
【Css】属性选择器
[attribute] 用于选取带有指定属性的元素. <!DOCTYPE html> <html lang="en"> <head><me ...
css 属性选择器笔记
1.基本选择器: eg: *{margin:0;padding:0}p{color:black}.content{background:red;}#intro{padding-left:2em;} 2 ...
css3中的属性选择器有哪些,CSS3中属性选择器使用方法详解
css中属性选择器我感觉与css2有比较大的区别了,下面我整理了一些关于css3选择器的使用例子,希望对各位会带来帮助. 注释: 一.属性选择器除了IE6不支持外,其他的浏览器都能支持. 二.E[at ...
html选择文件框选择wood文件,CSS基础及选择器
CSS层叠样式表与表相分离.常用CSS2和CSS3. HTML引入CSS 1.行内样式 2.内部样式 div { color:red; } 3.外部样式 4.导入样式 /*在css导入样式*/ @im ...
7、CSS 属性选择器
对带有指定属性的 HTML 元素设置样式. 可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性. 注释:只有在规定了 !DOCTYPE 时,IE7 和 IE8 才支持 ...
css的基本操作学习--css样式，选择器，hover，文字属性，文本属性，背景
什么是css? 通配符选择器 <head>/* *通配符选择器匹配任何元素 */*{margin: 0;padding: 0;} </head> css样式有三种一种是内嵌 ...

CSS的属性选择器lang使用说明

相关文章：

CSS的属性选择器lang使用说明相关推荐

最新文章

热门文章