Difference between revisions of "Emmet"
Jump to navigation
Jump to search
(3 intermediate revisions by the same user not shown) | |||
Line 14: | Line 14: | ||
'''margin bottom''' | '''margin bottom''' | ||
mb10 | 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} |
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}