Javascript 如何禁用<；ul>；使用ng类标记？

我有一个div结构，如下所示

<ul data-ng-class="{'dropDownDisabled': (items.results && items.results.disabled) }">
    <li

        class="dropdown-item org-labels"> {{items.name}}</li>

    <span   data-ng-repeat="result in items.results.contextValues.rows" t>
        <li class="dropdown-item"
            data-ng-click="filter.onResultClick(items, result, filter)"
            data-ng-class="{'dropdown-item-selected' : result[0] === (ctrl.isEmpty(filter.selectedValue) ? '-1' : filter.selectedValue.code)}"
        >
            {{result[1]}}
        </li>
   </span>
</ul>

但是在hover on li上，由于下面的类，应用了背景色

 .annual-comp-container .dropdown-menu .dropdown-item:hover {
     background-color: #f7f7f7;
 }

---

因此，当禁用条件为true时，将应用“dropdownDisable”类，但这是由于上面的类。当我悬停背景色时，将应用“DropDownItem:hover”。我想要的是ul禁用时。年度薪酬容器。下拉菜单。不应应用“DropDownItem:hover”。

您能提供呈现的HTML吗？我怀疑

span

标签可能是问题所在。除了作为

ul

的孩子，拥有

span

可能是无效的html之外，你的angular/html中也有命名问题你的CSS中有class:dropDownDisabled你有class:dropDownDisabled，这两个是不同的，拼写不同，大小写也很重要。@John P是的，我更改了它。为什么要将

：hover

置于

禁用的状态？@Awais，它保留为非禁用状态，但在禁用时应用。这就是问题所在。你能提供呈现的HTML吗？我怀疑
span
标签可能是问题所在。除了作为
ul
的孩子，拥有
span
可能是无效的html之外，你的angular/html中也有命名问题你的CSS中有class:dropDownDisabled你有class:dropDownDisabled，这两个是不同的，拼写不同，大小写也很重要。@John P是的，我更改了它。为什么要将
：hover
置于
禁用的状态？@Awais，它保留为非禁用状态，但在禁用时应用。这就是问题所在。
 .annual-comp-container .dropdown-menu .dropdown-item:hover {
     background-color: #f7f7f7;
 }