ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Emmet cleanup

This commit is contained in:
chad d 2018-12-06 15:46:04 -07:00
parent c695eb7add
commit 16ab1ceb31
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
emmet.md
View File

@ -2,12 +2,15 @@
title: Emmet title: Emmet
category: Markup category: Markup
layout: 2017/sheet layout: 2017/sheet
prism_languages: [html] prism_languages: [html, css]
updated: 2018-11-10
intro: |
Emmet is a markup language for expanding CSS rules into HTML
--- ---
### Child: > ### Child: >
``` ```css
nav>ul>li nav>ul>li
``` ```
Expands to Expands to
@ -22,7 +25,7 @@ Expands to
### Sibling: + ### Sibling: +
``` ```css
section>p+p+p section>p+p+p
``` ```
Expands to Expands to
@ -36,7 +39,7 @@ Expands to
### Climb Up: ^ ### Climb Up: ^
``` ```css
section>header>h1^footer section>header>h1^footer
``` ```
Expands to Expands to
@ -51,7 +54,7 @@ Expands to
### Grouping: () ### Grouping: ()
``` ```css
section>(header>nav>ul>li)+footer>p section>(header>nav>ul>li)+footer>p
``` ```
Expands to Expands to
@ -72,7 +75,7 @@ Expands to
### Multiplication: \* ### Multiplication: \*
``` ```css
ul>li*3 ul>li*3
``` ```
Expands to Expands to
@ -86,7 +89,7 @@ Expands to
### IDs and Classes: . # ### IDs and Classes: . #
``` ```css
ul.menu>li.menu__item+li#id_item+li.menu__item#id_2 ul.menu>li.menu__item+li#id_item+li.menu__item#id_2
``` ```
Expands to Expands to
@ -100,7 +103,7 @@ Expands to
### Numbering: $ ### Numbering: $
``` ```css
ul>li.item$*3 ul>li.item$*3
ul>li.item$$*3 ul>li.item$$*3
ul>li.item$@-*3 ul>li.item$@-*3
@ -132,7 +135,7 @@ Expands to
### Attributes: [] ### Attributes: []
``` ```css
input[type="text"] input[type="text"]
div[data-attr="test"] div[data-attr="test"]
``` ```
@ -144,7 +147,7 @@ Expands to
### Text: {} ### Text: {}
``` ```css
p{Lorem ipsum} p{Lorem ipsum}
``` ```
Expands to Expands to
@ -154,7 +157,7 @@ Expands to
### Implicit tags ### Implicit tags
``` ```css
.default-block .default-block
em>.default-inline em>.default-inline
ul>.default-list ul>.default-list