Difference between revisions of "Emmet"
Jump to navigation
Jump to search
(2 intermediate revisions by the same user not shown) | |||
Line 29: | Line 29: | ||
'''Class and title''' | '''Class and title''' | ||
h1.red{my red 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} |
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}