CSS

specificity

<ul>
    <li>Line 1</li>
    <li class="disabled">Line 2</li>
</ul>


CSS
---
ul li:hover{
    color:red;
}

.disabled{
    color:grey;
}
  the problem is that hover is applied for disabled too

fix:
---
ul li.disabled, ul li.disabled:hover{
    color:grey;
}