翻訳元: スマッシングマガジン
中国語: Zenコーディング: HTML/CSSコードを書くための簡単な方法
転載する場合は著作権を尊重し、出典を明記してください。
この記事では、CSS セレクターを模倣した構文を使用して HTML と CSS を迅速に開発する新しい方法を示します。セルゲイ・チクヨノクによって開発されました。 HTML コード (すべてのタグ、属性、引用符、中括弧などを含む) の作成にどのくらいの時間を費やしていますか?エディターにコード ヒントがあれば、記述は簡単になりますが、それでも多くのコードを手動で入力する必要があります。
JavaScript では、ページ上の特定の要素を取得したい場合も同じ問題に遭遇します。大量のコードを記述する必要があり、保守や再利用が困難になります。 JavaScript フレームワークが登場し、CSS セレクター エンジンも導入されました。単純な CSS 式を使用して DOM 要素を取得できるようになりました。これは非常に優れています。
しかし、CSS セレクターを使用して要素をレイアウトおよび配置できるだけでなく、コードも生成できたらどうなるでしょうか?たとえば、次のように書くとします。
div #content > h1 + p
...次のような出力が表示されます。
< div id = "コンテンツ" >