譯自： Smashing Magazine
中文： Zen Coding: 一種快速編寫HTML/CSS代碼的方法
請尊重版權，轉載請註明來源！
在本文中我們將展示一種新的使用仿CSS選擇器的語法來快速開發HTML和CSS的方法。它由Sergey Chikuyonok 開發。 你在寫HTML代碼(包括所有標籤、屬性、引用、大括號等)上花費多少時間？如果你的編輯器有代碼提示功能，你編寫的時候就會容易些，但即便如此你還是要手動敲入很多代碼。
在JavaScript方面，當我們想要在一個頁面上獲取某個特定的元素時，我們就會遇到同樣的問題，我們必須寫很多代碼，這就變得難於維護和重用。 JavaScript框架應運而生，它們同時引入了CSS選擇器引擎。現在，你可以使用簡單的CSS表達式來獲取DOM元素，這相當酷。
但是，如果你不僅僅可以用CSS的選擇器佈局和定位元素，還能生成代碼會怎麼樣？比如，如果你這樣寫：
div#content>h1+p
…然後就可以看到這樣的輸出：
<div id="content">
<h1></h1>
<p></p>
</div>