Difference between revisions of "Emmet"

From rbachwiki
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-item>h1+h2+p
<pre>
      <div class="featured">
  div.featured>h1+h2+p
          <h1></h1>
<div class="featured">
          <h2></h2>
  <h1></h1>
          <p></p>
  <h2></h2>
      </div>
  <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}