2017-03-01 20 views
0

次のエラーで混乱します。私はSCSSの経験がありません。それは、下請けのフロントエンドデザイナーが私たちに与えたファイルです。 私はKOALAを使ってコンパイルしようとしていますが、これは簡単なオープンソースの無料Windows Sassコンパイラと思われます。scssエラー - &:not( ":expected") "、" '.full')

エラー:具体

@media (min-width: $bp-medium) { 
     &:not('.full') { max-width: 60%; } 
     margin-bottom: $vertical-spacing-medium; 
    } 

&:

assets\sass\main.scss 
Error: Invalid CSS after "&:not(": expected ")", was "'.full')" 
     on line 23 of assets/sass/components/_last-update.scss 
     from line 13 of assets/sass/_components.scss 
     from line 8 of assets\sass\main.scss 
    Use --trace for backtrace. 

エラーの原因特定コードがあるように思われない( 'フル'){MAX-幅:60%; }

私はその部分を一括して削除しようとしましたが、動作するようですが、まだSCSS/SASSの構文とそれが動作しない理由を理解していません。私は今30年の間、この言語に徹底的に絞られてきました。

答えて

2

私は問題がセレクターのハイフンだと思う。例えば

&:not('.full') { max-width: 60%; } 

仕様によって定義されるよう

&:not(.full) { max-width: 60%; } 

になるべきである:https://developer.mozilla.org/de/docs/Web/CSS/:not