Difference between revisions of "Emmet"

From rbachwiki
Jump to navigation Jump to search
 
Line 34: Line 34:
  ul#navigation>li*5>{list item1}
  ul#navigation>li*5>{list item1}
  ul#navigation>li*5>{list item $} // this will list 1 - 5 in the list item
  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}