007ID选择器
代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ID选择器</title> <link rel="stylesheet" href="../css/004.css"> </head> <body> <h1 id="oluoluo" class="style1">标题1</h1> <h1 class="style1">标题2</h1> <h1 class="style1">标题3</h1> <h1>标题4</h1> <h1>标题5</h1> </body> </html>
/*id选择器: id必须保证全局唯一,格式为: #id名称{} 不遵循就近原则,固定的 id选择器 > class选择器 > 标签选择器 */ #oluoluo { color: #998a32; } .style1 { color: #1c63a7; } h1 { color: #991ca7; }
运行结果: