2016-11-30 67 views
0

我正嘗試在Visual Studio中使用Google聚合體。當造型的組分,我使用如由聚合物API指南指定爲這樣的自定義屬性:冒號之前Visual Studio的「格式化文檔」打破了CSS自定義屬性

缺少一個屬性名稱:

<style is="custom-style"> 
    paper-toolbar { 
     --paper-toolbar: { 
      border: none; 
     }; 
    } 
</style> 

這產生在視覺工作室下列警告(':')在「(property):(value)」聲明中。

該塊沒有封閉,'}'預期。

缺少樣式規則中的選擇器。

預期樣式規則的選擇器。

在樣式規則中的選擇符後缺少大括號('{')。

意外的字符序列。

此外,試圖自動格式文件(按下Ctrl + K鍵,Ctrl + d)的情況下,視覺工作室插入導致無效的CSS分號:

paper-toolbar { 
    --paper-toolbar:; 

{ 
    border: none; 
} 

; 
} 

(注意半'paper-toolbar'後的冒號)。

我真的很希望能夠使用自動格式快速修復相同組件中html的縮進,但是我不能,因爲它會在CSS中插入雜散字符。有沒有辦法讓VS理解這個CSS,或者至少不要插入不恰當的分號?

我現在用的是2017年VS RC,但該行爲是在2015年VS

+0

僅供參考,VS代碼業內人士現在建立支持聚合物CSS屬性和混入。該功能是由Polymer團隊通過PR添加的。他們還在研究與VS Code和Atom集成的'polymer-ide'插件,爲Polymer項目(和其他Web組件項目)提供代碼見解。 – tony19

回答

1

Visual Studio的CSS編輯器不期待的屬性值的塊({})相同。 CSS中的沒有辦法合法地使用您正在使用的值(由於相同的原因,它在var()中無效),但自定義屬性的規範確實規定它們不限於被CSS使用。

老實說,這是我們如何處理自定義屬性的實施的監督。我提交了一個錯誤來跟蹤這個問題。目前還沒有解決方法來解決這個問題,因爲格式化程序正在積極地修正標點符號,因爲它認爲合適。

(來源:我目前在VS. CSS編輯器工作)

相關問題