<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*指定属性值*/ div[class='d1']{ color: red; } input[type="text"]{ background-color: blue; } /*用^ 表示 以vi开头的属性值*/ label[for^="vi"]{ background-color: red; } /*用$表示 以vip结尾的属性值。*/ label[for$="vip"]{ background-color: green; } /*用*=i表示之哟啊属性值包含p元素就符合要求*/ label[for*="p"]{ color: yellow; } /*也是指定属性值，只是写法不一样*/ label[for~="vipt"]{ color: blue; } </style> </head> <body> <div class="d1"> <p class="p1">你好</p> </div> <input type="text"> <label for="vipt">顾清秋</label> <label for="vvip">顾小白</label> <label for="vipp">顾一</label> </body> </html>