购物车
登陆 / 注册
微信扫码登陆

推荐手册

[attribute|=value]选择器

[attribute|=value]选择器
[attribute|=value] 选择器用于选择以指定值开头的属性值的元素。
编辑:前端控 前端控 更新时间:2019-03-21 16:53:19

[attribute|=value]选择器


定义和用法

[attribute|=value] 选择器用于选择以指定值开头的属性值的元素。

注意:该值是整个单词,无论是单独像,或者像连字符 - 如 都可以。

浏览器支持

    

所有主流浏览器都支持[attribute|=value]选择器。

注意:[attribute|=value]在IE8中运行,必须声明<!DOCTYPE>

选择 lang 属性值以 "en" 开头的元素,并设置其样式:

实例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>

			[lang|=en]{  
				background-color: red;
			}
		</style>
	</head>
	<body>
	<div>
		<h3>lang 属性值以 "en" 开头的元素的背景为红色</h3>
		<p lang="en">Hello!</p>
		<p lang="en-us">Hi!</p>
		<p lang="us">Hi!</p>
		<p lang="no">Hei!</p>
		<p lang="en-gb">Ello!</p>
	</div>

	</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

2.jpg

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号