從龍哥這邊看到的消息,WebKit 要支援 nested CSS 了:
原文在「Try out CSS Nesting today」這邊,就是這樣的寫法:
.foo { color: green; .bar { font-size: 1.4rem; } }
這個在很多預處理的工具都會支援,然後編譯成展開的形式。
比較特別的是在 nested CSS 中不支援 element 的指定:
main { article { ... } }
他寫的理由我是看不太懂:
That code will fail, because article begins with a letter, and not a symbol. How will it fail? The same way it would fail if you’d misspelled article as atirlce. The nested CSS which depends on that particular selector is simply ignored.
反而要用個奇怪的設計去繞開:
main { & article { ... } }
這邊是真的沒看懂在閃什麼問題...