Emmet Style Reflector
在Sass/LESS中反射Emmet HTML扩展
详细信息
安装
- 总计 297K
- Win 246K
- Mac 34K
- Linux 17K
| 8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | 6月22日 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 7 | 9 | 5 | 4 | 10 | 18 | 9 | 5 | 7 | 9 | 4 | 10 | 6 | 13 | 6 | 9 | 7 | 3 | 7 | 9 | 5 | 6 | 8 | 2 | 7 | 4 | 7 | 12 | 12 | 11 | 9 | 5 | 5 | 7 | 10 | 9 | 15 | 10 | 14 | 7 | 9 | 16 | 12 | 10 | 9 | 3 |
| Mac | 1 | 2 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 0 | 0 | 1 | 1 | 0 | 1 | 0 | 0 | 0 | 2 | 1 | 0 | 0 | 1 | 0 | 0 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 3 | 2 | 1 | 3 | 2 | 1 | 0 | 2 | 3 | 0 | 2 | 1 | 1 |
| Linux | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 3 | 2 | 1 | 2 | 0 | 0 | 1 | 1 | 2 | 1 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 2 | 0 | 2 | 0 | 0 | 0 | 0 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 0 |
读我
emmet-style-reflector
依赖
显然，Emmet
描述
在Sass/LESS中反射Emmet HTML扩展
如何使用
变更日志
v1.0.2
- 类和id都没有的标签将有“>”
测试的扩展
- 子级：
#first>ul>li
#first {
>ul {
>li {
}
}
}
- 同级：
div+p+blockquote
>div {
}
>p {
}
>blockquote {
}
- 向上遍历：
#first+#second>p>span+em^blockquote
#first {
}
#second {
>p {
>span {
}
>em {
}
}
>blockquote {
}
}
- 分组：
#first>(header>ul>li*2>a)+footer>p
#first {
header {
>ul {
>li {
>a {
}
}
}
}
footer {
>p {
}
}
}
- 视频演示：
header>(ul#menu>li*5>a)^div#home>div.rensponsive960>div.box>div.title+div.body
header {
#menu {
>li {
>a {
}
}
}
}
#home {
.rensponsive960 {
.box {
.title {
}
.body {
}
}
}
}
- 极端：
#first>(header[title="Hello world!"]>ul#menu>li.menuItem$@-*5>a)+footer{bla bla bla}^script
#first {
header {
#menu {
.menuItem {
>a {
}
}
}
}
footer {
}
}
script {
}