首页 > 代码库 > css选择器 优先级的问题
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” 。确实这样也能解决样式无法引用的问题。
纯属个人见解。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。