css快捷键

div*3

 <div></div>
        <div></div>
        <div></div>

div.demo

<div class="demo"></div>

div.demo#only*

 <div class="demo" id="only"></div>

div.demo*3

 <div class="demo"></div>
    <div class="demo"></div>
    <div class="demo"></div>

div.demo#only>p[style]

 <div class="demo" id="only">
          <p style=""></p>
      </div>

<div class="demo" id="only">
            <p style="background-color:red;width: 100px;height: 100px;"></p>
        </div>

加. =加class加.#=加id

div>(p^span)

<div>
    <p></p>
    <span></span>
</div>在这里插入代码片

Ul>li{$}*10

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>

Ul>li{$*2}*10

<ul>
    <li>1*2</li>
    <li>2*2</li>
    <li>3*2</li>
    <li>4*2</li>
    <li>5*2</li>
    <li>6*2</li>
    <li>7*2</li>
    <li>8*2</li>
    <li>9*2</li>
    <li>10*2</li>
</ul>