css选择器 优先级的问题
最近写代码时发现,有时候写出的样式不会被引用。看了一些其他人写的网站源码后,我发现了这样写可以解决问题,如下:
比如说
<div class="abc">
<div class="edf">
<div class="fgg">
</div>
</div>
</div>
确定class=“fgg“时,写成:
.abc .efg .fgg{
/* 代码*/
}
<div class="abc">
<div class="edf">
<div class="fgg">
</div>
</div>
</div>
确定class=“fgg“时,写成:
.abc .efg .fgg{
/* 代码*/
}
会比直接写.fgg{
/* 代码*/
}
更可靠。
有朋友说,这是优先级的问题,也可以在需要用的样式后面加上 “!important” 。确实这样也能解决样式无法引用的问题。
纯属个人见解。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步