编写vscode自带插件Ement常用语法并使用了元素三类属性,第三类属性意思不太懂,只会照葫芦画瓢

<style> .header { coler: red; } </style>
以上为css属性

<div class="header">
  <h1>谢谢老师</h1>
  <h2>感谢老师</h2>
</div>

<!-- 语法使用 .nav>div>p{当前内容} -->

<div class="nav">
  <div>
    <p>当前内容</p>
  </div>
</div>

<!-- 当前语法使用.nav>div+div.php>p{一级div,俩二级div平等,下面三级p带内容} -->

<div class="nav">
  <div></div>
  <div class="php">
    <p>一级div,俩二级div平等,下面三级p带内容</p>
  </div>
</div>

<!-- .nav>div+(div.php>div)+p{一级div,一个二级div,一个三级带属性,,其中p级别=二级div关系}出错在二级同级别需双+ -->

<div class="nav">
  <div></div>
  <div class="php">
    <div></div>
  </div>
  <p>一级div,一个二级div,一个三级带属性,,其中p级别=二级div关系</p>
</div>

<!-- .div>ul>li*5意思是div下级ul下级>li下级重复5次 -->

<div class="div">
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</div>

<!-- .ad>div#ad>div>ul.l>li.ad$*5{带点内容}+(ul.l>li#i$@*5{现在是正序$}) 带class的div下级是div带id,下级是div下级是li,然后li于ul是平级,ul下面又是一个li标签又是 -->

<div class="ad">
  <div id="ad">
    <div>
      <ul class="l">
        <li class="ad1">带点内容</li>
        <li class="ad2">带点内容</li>
        <li class="ad3">带点内容</li>
        <li class="ad4">带点内容</li>
        <li class="ad5">带点内容</li>
        <ul class="l">
          <li id="i1">现在是正序1</li>
          <li id="i2">现在是正序2</li>
          <li id="i3">现在是正序3</li>
          <li id="i4">现在是正序4</li>
          <li id="i5">现在是正序5</li>
        </ul>
      </ul>
    </div>
  </div>
</div>

<!-- .ad>div#ad>div>ul.l>li.ad$*5{带点内容}+(ul.l>li#i$@5{现在是正序$}*5) i从5开始 -->

<div class="ad">
  <div id="ad">
    <div>
      <ul class="l">
        <li class="ad1">带点内容</li>
        <li class="ad2">带点内容</li>
        <li class="ad3">带点内容</li>
        <li class="ad4">带点内容</li>
        <li class="ad5">带点内容</li>
        <ul class="l">
          <li id="i5">现在是正序1</li>
          <li id="i6">现在是正序2</li>
          <li id="i7">现在是正序3</li>
          <li id="i8">现在是正序4</li>
          <li id="i9">现在是正序5</li>
        </ul>
      </ul>
    </div>
  </div>
</div>

<!-- 下面调用预制属性跟通用属性 -->
<!-- .ad>div>div+div>ul>li.ad$@-1*5>a{蒸蒸日上$@5} -->

<div class="ad">
  <div>
    <div></div>
    <div>
      <ul>
        <li class="ad5"><a href="">蒸蒸日上5</a></li>
        <li class="ad4"><a href="">蒸蒸日上6</a></li>
        <li class="ad3"><a href="">蒸蒸日上7</a></li>
        <li class="ad2"><a href="">蒸蒸日上8</a></li>
        <li class="ad1"><a href="">蒸蒸日上9</a></li>
      </ul>
    </div>
  </div>
</div>

<!-- div>div.ad>ul.li>a[title=标题][alt=标题]*5 div下级div带class属性，然后下级ul 带class属性li，a标签循环5次，属性值填充为标题-->

<div>
    <div class="ad">
        <ul class="li">
            <a href="" title="标题" alt="标题"></a>
            <a href="" title="标题" alt="标题"></a>
            <a href="" title="标题" alt="标题"></a>
            <a href="" title="标题" alt="标题"></a>
            <a href="" title="标题" alt="标题"></a>
        </ul>
    </div>
</div>

自定义属性

<div data-yognhuming="gebilaolu">定义了一个用户名</div> data-属性为自定义属性
其中事件属性,不知道该怎么用
只知道以on开头后面+事件，具体怎么写也没太懂
看见input后面老师写的具体意思不知道,