Difference between revisions of "Emmet"
Jump to navigation
Jump to search
(Created page with " p10 - padding 10 px div.featured-item>h1+h2+p <div class="featured"> <h1></h1> <h2></h2> <p></p> </div>") |
|||
(6 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
p10 - padding 10 px | p10 - padding 10 px | ||
div.featured | <pre> | ||
div.featured>h1+h2+p | |||
<div class="featured"> | |||
<h1></h1> | |||
<h2></h2> | |||
<p></p> | |||
</div> | |||
</pre> | |||
'''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} |
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}