Javascript 如何删除<；人力资源>；聚合物dom中最后一项的标记重复

这是我的密码

<div class="dropdown" id="dropdown">
   <a href="{{data.path}}">
      <button id="myButton" class="dropbtn">{{data.name}}</button>
   </a>
   <paper-listbox id="menuListBox" class="dropdown-content" slot="dropdown-
              content" selected="1">
      <template is="dom-repeat" items="{{data.submenu}}">
          <paper-item id="subMenu">
             <template is="dom-if" if="{{_isSubMenu(item.submenu.length)}}">
                <geo-dropdownmenu class="submenu" data={{item}} animation-
                      direction="right" menu="submenu"></geo-dropdownmenu>
             </template>
             <template is="dom-if" if="{{!_isSubMenu(item.submenu.length)}}">
               <a href="{{item.path}}" id="paperItemType"> {{item.name}} </a>
             </template>
             </paper-item>
                   <hr>
          </template>
   </paper-listbox>

</div>

在这里，我使用纸质列表框和纸质项目创建了一个下拉菜单， 我对纸张项目使用dom repeat，如果（\u isSubMenu（）是一个检查纸张项目是否为子菜单的函数），我将使用

---

标记来分隔列表框中的纸张项目，但我不希望在列表框中最后一个纸张项目后使用hr标记，以聚合物模板的样式针对最后一个

：

hr:last-of-type { display: none; }

---

检查最后一个索引，不要添加它。last index是数组长度-1css:

纸质列表框hr:last child{display:none；}

我已经尝试过纸质列表框hr:last child{display:none；}css样式，但它不起作用@dandavis