AI智能
改变未来

CSS当中的优先级


CSS当中的优先级

<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Document</title><style>div{background-color: darkgray;font-size: 20px;}.gg{background-color: crimson}#hh{background-color: chartreuse;}*{font-size: 50px;}/* 选择器      权重内联选择器      1000id选择器        0100类和伪类选择器   0010元素选择器(h,p) 0001通配选择器(*)   0000继承的样式      没有优先及可以在样式后面加上!import 则此样式获得做高优先级甚至超过内联选择器(慎用)比较优先级时需要将所有的优先级进行相加计算 (分组选择器是单独计算的)优先级的累加不会超过其最大优先级(类选择器在高也不会超过id选择器)*/</style></head><body><div class=\"gg\" id=\"hh\" ;\" >我是一只小小鸟</div><!-- <p>我是一只小小鸟</p> --></div></body></html>
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » CSS当中的优先级