爲什麼這些CSS僞選擇器會打破Chrome開發工具？

經過一些反向工作後，我發現以下CSS代碼阻止了Chrome開發工具實時編輯CSS。爲什麼這些CSS僞選擇器會打破Chrome開發工具？

@media (max-width: 767px) { 
.projects-* .v-center.row { 
    display: block; 
    width: auto; 
    } 
    .projects-* .v-center.row > * { 
    display: block; 
    vertical-align: baseline; 
    } 
}

寫這幾行出現在Chrome瀏覽器開發工具檢查後，如任何CSS：

styles.css:1

，並無法進行調試。

這個CSS有什麼特別的不正確或者這只是Chrome中的一個錯誤？

來源

2014-01-15 chrisphilton

這不太可能是Chrome中的錯誤。也許這是直接在這之後的線？ – SeinopSys

刪除這些行後，一切看起來都很順利，而且在此之後的CSS在語法方面非常直接。 – chrisphilton

.projects- *一個有效的CSS選擇器？ –

他們不是「打破」鉻devtools;它忽略了它們，因爲它不知道如何處理這些無效的選擇器。而不是.projects-*，你需要做一些像

*[class*='projects']

任何CSS linter會指出。

我假設devtools然後決定整個文件是bollixed，因此它不想讓你活着編輯其餘的規則。

來源

2014-01-16 02:09:10

爲什麼這些CSS僞選擇器會打破Chrome開發工具？

回答

相關問題