- HTML中文网
- 联系QQ：88526
- QQ交流群
- 微信公众号
![[attribute|=value]选择器](https://ss.0133.cn/upload/study/001/000/003/5c9350fb7b6b7482.jpg)
前端控
更新时间：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>点击 "运行实例" 按钮查看在线实例
效果图：
推荐手册