WebKit 要支援 nested CSS 了

從龍哥這邊看到的消息，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 { ... }
}

這邊是真的沒看懂在閃什麼問題...