时间戳

首页 > 解决方案 > 复杂的 .css ：具体来说，我只是对此感到困惑，需要应用 display: none; 在不影响其功能的情况下访问整个菜单部分

css - 复杂的 .css ：具体来说，我只是对此感到困惑，需要应用 display: none; 在不影响其功能的情况下访问整个菜单部分

问题描述

对混合 .class 和 #id 时应用 .css 的层次结构感到困惑 我想要 .css 可以使菜单的整个子部分显示：无；编辑：是的，第一个建议确实删除了子菜单，但也删除了其他项目，我应该第一次发布整个菜单。这会吐出菜单，我确实想要一些可用的，而有些则不可用。概览 是 Reerrals 否 付款 否 帮助 否 注销 是 营销及其子菜单 - 否 个人资料及其子菜单 - 是

<div class="uap-ap-menu">
<ul>
<li class="uap-ap-menu-tab-item `enter code here`"><a href="https://mywebsite/?uap_aff_subtab=overview"><i class="fa-uap fa-overview-account-uap"></i>Overview</a></li>
<li class="uap-ap-menu-tab-item "><a href="https://mywebsite/?uap_aff_subtab=referrals"><i class="fa-uap fa-referrals-account-uap"></i>Referrals</a></li>
<li class="uap-ap-menu-tab-item "><a href="https://mywebsite/?uap_aff_subtab=payments"><i class="fa-uap fa-payments-account-uap"></i>Payments</a></li>
<li class="uap-ap-menu-tab-item "><a href="https://mywebsite/?uap_aff_subtab=help"><i class="fa-uap fa-help-account-uap"></i>Help</a></li>
<li class="uap-ap-menu-tab-item "><a href="https://mywebsite/?uapaction=logout"><i class="fa-uap fa-logout-account-uap"></i>LogOut</a></li>
<li class="uap-ap-submenu-item"><div class="uap-ap-menu-tab-item"  ><a href="javascript:void(0);"><i class="uap-ap-menu-sign fa-uap fa-account-right-uap" id="uap_fa_sign-profile"></i>Profile</a></div>
<ul class="uap-public-ap-menu-subtabs" style="" id="uap_public_ap_profile">
</ul>
</li>
<li class="uap-ap-submenu-item"><div class="uap-ap-menu-tab-item"  ><a href="javascript:void(0);"><i class="uap-ap-menu-sign fa-uap fa-account-right-uap" id="uap_fa_sign-marketing"></i>Marketing</a></div>
<ul class="uap-public-ap-menu-subtabs" style="" id="uap_public_ap_marketing">
</ul>
</li>
<li class="uap-ap-submenu-item"><div class="uap-ap-menu-tab-item"  ><a href="javascript:void(0);"><i class="uap-ap-menu-sign fa-uap fa-account-right-uap" id="uap_fa_sign-reports"></i>Overall</a></div>
<ul class="uap-public-ap-menu-subtabs" style="" id="uap_public_ap_reports">
</ul>
</li>
</ul>
</div>

标签： cssclassdrop-down-menunested

解决方案

这是因为在 css 规则中，任何 id 值都比 class 具有更强的效果，因此具有 id 的选择器总是会覆盖带有 class 的选择器。请看这个答案

推荐阅读