我如何得到一個圖標來顯示，如果有一個列表上的子項目

我想知道是否有可能讓我在父項目項目上獲得一些小的指標時，當一個子項目存在於？下面是我的一個菜單項的代碼。任何建議都會很棒。我如何得到一個圖標來顯示，如果有一個列表上的子項目

<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

我如何得到一個圖標來顯示，如果有一個列表上的子項目

回答

相關問題