Question

尝试设置一些样式但是类选择器＆＃34;。＆＃34;不工作，但如果我使用id选择器＆＃34;＃＆＃34;它的工作原理

这里是代码

<style>
    .activeOption{
        color: #fff;
        background: rgba(255,255,255,0.2);
        text-decoration: none;
    }
</style>
    <li ><a id="" class="activeOption" href="#" onclick="Javascript : console.log('sisas')">Datos del Cliente</a></li>

事情是，我想为许多comoponents使用那种风格，所以id选择器不合适

this is what I see when inspect the element

感谢有人可以帮助我

Answer 1

您是否尝试过使用root运算符＆＃34;〜＆＃34;对于母版页中的样式表？

<link href="~/style.css" type="text/css" rel="stylesheet" />

Answer 2

截图说明由于specificity，其他样式会覆盖此样式。

解决特异性问题的最佳方法是降低选择器覆盖它的特异性。但这并不总是可行的，所以作为最后的手段，你可以通过将类链接到自己来提高你的特异性。

.activeOption.activeOption {
     [styles]
}

您可以根据需要进行多次链接，链越多，它覆盖的特异性越高。请注意，如果尝试覆盖ID，则此方法不起作用，因为它需要255个链。重构ID是我的建议。

You can see how specificity is calculated here.

类选择器不在css中工作，但id用于添加一些样式

2 个答案: