css选择器 优先级的问题

最近写代码时发现，有时候写出的样式不会被引用。看了一些其他人写的网站源码后，我发现了这样写可以解决问题，如下：

 比如说
<div class="abc">
  <div class="edf">
     <div class="fgg">
    </div>
  </div>
</div>

确定class=“fgg“时，写成：
.abc .efg .fgg{
/* 代码*/
} 

会比直接写.fgg{

/* 代码*/

}

更可靠。

有朋友说，这是优先级的问题，也可以在需要用的样式后面加上  “！important” 。确实这样也能解决样式无法引用的问题。

 

纯属个人见解。