表示带有以 attribute 命名的属性,且属性值是以"value"开头的元素。
设置class属性值以"test"开头的所有div元素的背景颜色:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaojc.com)</title>
<style>
div[class^="test"]
{
background:#ff9900;
}
</style>
</head>
<body>
<div class="first_test">第1个DIV元素.</div>
<div class="second">第2个DIV元素.</div>
<div class="test">第3个DIV元素.</div>
<p class="test">这是普通的文本段落.</p>
</body>
</html>测试看看 ‹/›The [attribute^=value] 选择器匹配元素属性值带指定的值开始的元素。
IEFirefoxOperaChromeSafari
所有主流浏览器都支持[attribute^=value] 选择器。
注意: [attribute^=value]在IE8中运行,必须声明<!DOCTYPE>
设置class属性值以"test"开头的所有元素的背景颜色:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaojc.com)</title>
<style>
[class^="test"]
{
background:#ff9900;
}
</style>
</head>
<body>
<div class="first_test">第1个DIV元素.</div>
<div class="second">第2个DIV元素.</div>
<div class="test">第3个DIV元素.</div>
<p class="test">这是普通的文本段落.</p>
</body>
</html>测试看看 ‹/›