<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- id选择器优先级最高 ---100 class选择器其次 ---10 标签名选择器最低 ---1 权值 --> <style type="text/css"> div{ color: pink; }
.div1{ color: chartreuse; } #fir{ color: aqua; } .div1,#fir{ color: red; } .div1,#fir,div{ color: slateblue; }
</style> </head> <body> <div id="fir" class="div1">test</div>
</body> </html> |
|
来自: 才子傲 > 《HTML学习总结》