CSS3 [attribute*=value] 选择器

CSS完整选择器完整CSS选择器参考手册

设置class属性值包含"test"的所有div元素的背景颜色：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div[class*="test"] {
      background: #ffff00;
    }
  </style>
</head>
<body>

  <div class="first_test">这是第一个 div 元素。</div>
  <div class="second">这是第二个 div 元素。</div>
  <div class="test">这是第三个 div 元素。</div>
  <p class="test">这是段落中的文本。</p>

</body>
</html>

尝试一下 »

定义和用法

[attribute*=value] 选择器匹配元素属性值包含指定值的元素。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

更多实例


设置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.</div>

</body>
</html>

尝试一下 »

CSS完整选择器完整CSS选择器参考手册