00:00 / 00:10
连播
清屏
智能
倍速
点赞NaN
00:00 / 00:25
连播
清屏
智能
倍速
点赞254
#今日分享@DOU+小助手 💥你有没有遇到过这种情况: 明明写了个样式,死活不生效! class 改了,important 加了,甚至删库都想试试……结果页面样式依旧纹丝不动。 其实,很可能是你被CSS 优先级算法支配了😵 👑 来,我给你讲讲这个“谁说了算”的江湖规矩! 可以把 CSS 比成一个家庭聚餐,每个人都想点菜: **行内样式(style="")**是爸妈,最大,必须听 **ID 选择器(#id)**是哥哥,说话分量也不小 **类、伪类、属性选择器(.class、:hover、[type="text"])**是表弟,偶尔能插个嘴 **标签选择器(div、p)**是家里的小孩,基本没人理 通配符(*)和继承的样式?对不起,你不算人头😅 🧮 CSS 会给每种选择器打分,比如: 标签=1分,类=10分,ID=100分,行内样式=1000分 所以一个 .btn:hover 的优先级是 10+10=20, 而 井号main的优先级是 100,明显更大,样式当然按它来! 🔥 实用小技巧: 想快速算优先级?可以把选择器写成三位数:[ID, class, tag],谁大谁赢~ 比如: div 是 [0, 0, 1] .box 是 [0, 1, 0] 井号app.box p 是 [1, 1, 1],完胜! 📌 总结一下: 写样式不生效,不一定是你写错了,可能只是“说话的那个人级别太低”。学会优先级算法,样式就不乱了! 👇评论区说说你被 CSS 优先级坑过几次?我先来:无数次😭 #前端开发 #CSS技巧 #编程小知识
00:00 / 01:35
连播
清屏
智能
倍速
点赞2
00:00 / 00:45
连播
清屏
智能
倍速
点赞134
00:00 / 06:41
连播
清屏
智能
倍速
点赞2802
00:00 / 01:15
连播
清屏
智能
倍速
点赞19
00:00 / 01:18
连播
清屏
智能
倍速
点赞120
00:00 / 00:44
连播
清屏
智能
倍速
点赞1229