search

FrankKai / FrankKai.github.io

FE blog
https://frankkai.github.io/
363 stars 39 forks source link

一直被忽略的zen-coding #128

Open FrankKai opened 5 years ago

FrankKai commented 5 years ago

基于2011年的这篇google的技术文章：Zen Coding — a new way of writing HTML and CSS code 结合自己在开发中的实践，整理出一些常用的zen-coding技巧。

FrankKai commented 5 years ago

生成带多个属性的标签

div[class='foo' role='bar']
FrankKai commented 5 years ago

生成带文本节点的标签

div{foo}
FrankKai commented 5 years ago

生产带多个子标签的标签

div>p[class="foo"]+p[class="bar"]