Zen Coding: css, short for html

Zen coding is a Russian editor that supports most popular editors. It is easy to install. You only need to install the plug-in and copy the js file in the project. Plug-ins such as Webstorm6.0.2 are included. What is the abbreviation of html? Let's start with the following code on webstorm:

div.content

Then press the button to see the code we are familiar:

<div class="content"></div>

That is to say, div. content, this method is actually to write the markup language using the method of writing a program, as when we tap on the following code:

div.cotent>h1+p

After the Tab:

<div class="content">

<p></p>
</div>


In fact, assume that we use E as the element name:
E
Element name (div, p );
E#id
Use the id element (div # content, p # intro, span # error );
E.class
Use the class Element (div. header, p. error. critial). You can also use the class and idID: div # content. column. width;
E>N
Child element (div> p, div # footer> p> span );
E+N
Sibling element (h1 + p, div # header + div # content + div # footer );
E*N
Element doubling (ul # nav> li * 5> );
E$*N
Entry number (ul # nav> li. item-$ * 5 );

As long as you understand the framework, use
div.class1#id1>h1>li*5+p

Write the following common code:
<div class="class1" id="id1">
    
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <p></p>
    
</div>