我如何符合4巢規則？

我正在使用一些CSS，並使用GRUNT.js來綁定我的代碼。毛刺規則有4個巢的限制，我如何更改下面的代碼以符合此規則？我如何符合4巢規則？

.footer { 
    .footer-tools { 
     a { 
      padding-left: 10px; 
      padding-right: 10px; 
      color: $color-alpha; 
      font-weight: bold; 
      margin-left: 48px; 

      &:hover { 
       text-decoration: none; 
      } 

      &.fill { 
       .icon { 
        color: $color-horizon; 
       } 

       .cart-qty { 
        display: inline; 
       } 
      } 
     } 
    } 
}

尤其是違反規則的.icon和.cart-qty規則。如果試圖將這些課程拆分成一個單獨的規則，稱爲a.fill，但是linting工具要求我將其與原始規則合併，並且這使我回到方塊1：/

任何幫助將不勝感激

來源

2015-09-24 Takuhii

.footer，.footer-tools和a只有一個孩子，所以你可以在一個選擇.footer .footer-tools a寫你的嵌套水平將5

來源

2015-09-24 15:49:27 DoubleYo

完美的感謝3這一翻譯:)我認爲這是那些我有方案之一一直看着它，我看不到解決方案。 – Takuhii

我如何符合4巢規則？

回答

相關問題