CSS3 [attribute$=value] 选择器
完整CSS选择器参考手册设置class属性值以"test"结尾的所有div元素的背景颜色：
<!DOCTYPE html>
<html>
<head>
<style>
div[class$="test"] {
background: #ffff00;
}
</style>
</head>
<body>
<div class="first_test">The first div element.</div>
<div class="second">The second div element.</div>
<div class="test">The third div element.</div>
<p class="test">This is some text in a paragraph.</p>
</body>
</html>
定义和用法
[attribute$=value] 选择器匹配元素属性值带指定的值结尾的元素。
浏览器支持
所有主流浏览器都支持[attribute$=value] 选择器。
Note: [attribute$=value]在IE8中运行，必须声明<!DOCTYPE> 。
Try it Yourself - Examples
设置class属性值以"test"结尾的所有元素的背景颜色：
<!DOCTYPE html>
<html>
<head>
<style>
[class$="test"] {
background: #ffff00;
}
</style>
</head>
<body>
<div class="first_test">The first div element.</div>
<div class="second">The second div element.</div>
<div class="test">The third div element.</div>
<p class="test">This is some text in a paragraph.</p>
</body>
</html>