你瞅啥呢

2024-08-21 z-index: 10000 !important;和style="z-index: 1001"哪个层级高?==》内联样式的优先级最高

css样式优先级(权重):

内联样式 :style="z-index: 1001"(最高优先级,除非被一个更具体的内联样式覆盖或具有 !important 的样式覆盖)

!important :z-index: 10000 !important;(最高优先级)

id选择器 :#box(100)

类选择器、属性选择器、伪类选择器:.box 、[attribute=value] 、:hover(10)

标签选择器、伪元素:p 、 ::after(1)

通用选择器、子代选择器、相邻同胞选择器:* 、 div h1 、h1 + span(0)

注意:如果选择器的优先级处于同级,那么就分2个方面进行计算:比较选择器的总数,谁大用谁的,如果总数相同则计算谁在最后,后者居上是也。

posted @   叶乘风  阅读(24)  评论(1编辑  收藏  举报
相关博文:
阅读排行:
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
· 全程使用 AI 从 0 到 1 写了个小工具
· 从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)
历史上的今天:
2023-08-21 2023-08-21 canvas之fillText如何换行
点击右上角即可分享
微信分享提示