譯自: 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>