属性选择器:通过对标签中属性的选择,控制标签。
<!DOCTYPE html> <html> <head> <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>
效果: