Difference between revisions of "Emmet"

From rbachwiki
Jump to navigation Jump to search
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
  p10 - padding 10 px
  p10 - padding 10 px
<pre>
<pre>
  div.featured-item>h1+h2+p
  div.featured>h1+h2+p
  <div class="featured">
  <div class="featured">
   <h1></h1>
   <h1></h1>
Line 8: Line 8:
  </div>
  </div>
</pre>
</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}