实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>0321作业</title> <style type="text/css"> div { width: 450px; height: 450px; background-color: yellow; } #选择器 { background-color: lightblue; } .类选择器{ background-color:green; } *[id] { background-color: red; font-size: 15px; } *[class="类选择器2"]{ background-color: blue; font-size: 35px; } </style> </head> <body> <div> <ul> <li id="选择器1">选择器</li> <li>我是多余的</li> <li class="类选择器">类选择器</li> <li>我是多余的</li> <li id="选择器2">选择器</li> <li class="类选择器">类选择器</li> <li>我是多余的</li> <li class="类选择器2">类选择器2</li> <li>我是多余的</li> <li class="类选择器2">类选择器2</li> <li>我是多余的</li> </ul> </div> </body> </html> 运行实例 » 点击 "运行实例" 按钮查看在线实例