<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1{ color: blue; } #1{ color: red; } </style> </head> <body> <!--<h1 style="color: green;">河马神仙</h1>--> <!--<h1 class="red">哈哈哈</h1>--> <div> <h1>哈哈哈</h1> </div> </body> </html> <!-- css权重:weight n. 重量，重力；负担；砝码；重要性 表示优先级 规则: 1.如果选择器(选择器就是标签,只是叫法不同而已)相同,就近原则.(就是哪个离得近,就是哪个生效) 2.一个是类选择器,一个是标签选择器,类的优先级高 3.一个是id选择器,一个是类选择器,id的优先级高 4.一个是标签选择器,一个是后代选择器,后代的优先级高 权重顺序:内联样式选择器>id选择器>类选择器>标签选择器 标签选择器是最低的1,类选择器10,id选择器100,行内选择器1000. -->
演示效果:
