Difference between revisions of "Emmet"
Jump to navigation
Jump to search
Line 34: | Line 34: | ||
ul#navigation>li*5>{list item1} | ul#navigation>li*5>{list item1} | ||
ul#navigation>li*5>{list item $} // this will list 1 - 5 in the list item | ul#navigation>li*5>{list item $} // this will list 1 - 5 in the list item | ||
===Grouping=== | |||
div>(header>ul>li*5>a)+footer>p{copyright} |
Latest revision as of 14:53, 8 May 2018
p10 - padding 10 px
div.featured>h1+h2+p <div class="featured"> <h1></h1> <h2></h2> <p></p> </div>
Text align center
tac
margin bottom
mb10
id
#myid
H1 with class
h1.myclass
More than 1 class
.class1.class2
Add Class and Id
#myid.myclass1.class2
Adding content
h1{My title}
Class and title
h1.red{my red title}
Nesting
div>ul>li*5 div>ul>li{list item1} ul#navigation>li*5>{list item1} ul#navigation>li*5>{list item $} // this will list 1 - 5 in the list item
Grouping
div>(header>ul>li*5>a)+footer>p{copyright}