我如何得到一个图标来显示，如果有一个列表上的子项目

我想知道是否有可能让我在父项目项目上获得一些小的指标时，当一个子项目存在于？下面是我的一个菜单项的代码。任何建议都会很棒。我如何得到一个图标来显示，如果有一个列表上的子项目

<asp:LoginView ID="AdministrationLV" runat="server"> 
       <RoleGroups> 
        <asp:RoleGroup Roles="Masters, General Managers, Administrators, Managers"> 
         <ContentTemplate> 
          <div id="MainMenu3"> 
           <div class="list-group panel"> 
            <a class="list-group-item list-group-item-success" href="#demo3" data-toggle="collapse" data-parent="#MainMenu3">+ Administration </a> 
            <div class="collapse" id="demo3"> 
             <a class="list-group-item1" href="#Appliances" data-toggle="collapse" data-parent="#Appliances">+ Appliances</a> 
             <div class="collapse list-group-submenu" id="Appliances"> 
              <a class="list-group-item2" href="../../../../Homes/Appliances/Fridge.aspx" data-parent="#Appliances">Fridge</a> 
              <a class="list-group-item2" href="../../../../Homes/Appliances/Freezers.aspx" data-parent="#Appliances">Freezer</a> 
             </div> 

             <div id="list-group panel"> 
              <a class="list-group-item1" href="../../../General/Authorities/Authorities.aspx" data-parent="#Mainmenu3">Authorities</a> 
             </div> 

             <a class="list-group-item1" href="#Backgrounds" data-toggle="collapse" data-parent="#Backgrounds">+ Backgrounds</a> 
             <div class="collapse list-group-submenu" id="Backgrounds"> 
              <a class="list-group-item2" href="../../../../General/Religions/Religions.aspx" data-parent="#Backgrounds">Relegion</a> 
              <a class="list-group-item2" href="../../../../General/Ethnicities/Ethnicities.aspx" data-parent="#Backgrounds">Ethnicities</a> 
             </div> 


             <a class="list-group-item1" href="#Placements" data-toggle="collapse" data-parent="#Placements">+ Placements</a> 
             <div class="collapse list-group-submenu" id="Placements"> 
              <a class="list-group-item2" href="../../../../Staff/Placements/New_Referral.aspx" data-parent="#Placements">New placement</a> 
              <a class="list-group-item2" href="../../../../Staff/Placements/End_Referral.aspx" data-parent="#Placements">End Placement</a> 
              <a class="list-group-item2" href="../../../../Staff/Placements/New_Placement.aspx" data-parent="#Placements">New Referal</a> 
              <a class="list-group-item2" href="../../../../Staff/Placements/End_Placement.aspx" data-parent="#Placements">End Referal</a> 
             </div> 

             <a class="list-group-item1" href="#Education" data-toggle="collapse" data-parent="#Education">+ Education</a> 
             <div class="collapse list-group-submenu" id="Education"> 
              <a class="list-group-item2" href="../../../../General/Education/Schools.aspx" data-parent="#Education">Schools</a> 
             </div> 

             <a class="list-group-item1" href="#PoliciesDoc" data-toggle="collapse" data-parent="#PoliciesDoc">+ Policies/Documents </a> 
             <div class="collapse list-group-submenu" id="PoliciesDoc"> 
              <a class="list-group-item2" href="../../../../Homes/Document_Forms/Document_Types.aspx" data-parent="#PoliciesDoc">Add/Edit Documents</a> 
              <a class="list-group-item2" href="../../../../Homes/Document_Forms/Upload_Home_Document.aspx" data-parent="#PoliciesDoc">Update House Documents</a> 
              <a class="list-group-item2" href="../../../../Staff/Group/Group_Document_Forms/New_Group_Template.aspx" data-parent="#PoliciesDoc">Update Group Template</a> 
              <a class="list-group-item2" href="../../../../Staff/Group/Group_Document_Forms/New_Group_Policy.aspx" data-parent="#PoliciesDoc">Update Group Policy</a> 
             </div> 

            </div> 

           </div> 
          </div> 
         </ContentTemplate> 
        </asp:RoleGroup> 
       </RoleGroups> 
      </asp:LoginView>

这是使用bootstrap CSS进行一些小的颜色替换。

来源

2016-03-21 Ben Nickless

父母选择器的完美情况。不幸的是，从未执 – TeaCode

没有的childNodes由:empty伪类匹配的元素，所以检测的元素有至少一个孩子，你可以使用

:not(:empty) { 
    ... 
}

，也许在:before/:after pseudoelement添加信息作为content或作为background图标，例如

:not(:empty):after { 
    content: " (not empty)"; 
    display: inline-block; 
}

来源

2016-03-21 14:58:52 fcalderan

我如何得到一个图标来显示，如果有一个列表上的子项目

回答

相关问题