前端面试之CSS优先级顺序

2025-07-01 01:21:08

1、下面是CSS优先级顺序由高到低优先级最高的-!important用法是写在普通css属性的后面,这样就能实现最高级的css了,css样式写法如下

前端面试之CSS优先级顺序

3、下面是CSS优先级顺序由高到低ID选择器ID在html中是唯一的,通过#加名字,css样式写法如下

前端面试之CSS优先级顺序

5、下面是CSS优先级顺序由高到低标签标签指div,p,span这种,css样式写法如下

前端面试之CSS优先级顺序

7、下面是CSS优先级顺序由高到低继承指的是父标签设置样式,而子标签没有设置样式,子标签会继承父标签的样式一般用于文本文字,例如font-size,color等详细写法如下

前端面试之CSS优先级顺序

9、最后总结一下:CSS优先级顺序!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认样式

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢