如何使用ng-class禁用<ul>标签？

Question

我有一个如下的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>

我正尝试将'disable'类应用于<ul>标签，但是由于以下类的原因

.dropDownDisabled:hover {
    pointer-events: all !important; 
    background-color: #bbb !important;
 }

.dropDownDisabled:hover {
    pointer-events: all !important; 
    background-color: #bbb !important;
 }

但是在li上悬停时，由于使用了以下类，因此会应用背景色

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

由于这种情况，当禁用条件为true时，将应用类'dropdownDisable'，但是由于上面的类'.dropdown-item：hover'当我将背景色悬停时，我想要的是什么时候ul已禁用'.annual-comp-container .dropdown-menu .dropdown-item：hover'不适用。