我有下面的样式(文件已链接且颜色显示 - 没有链接问题)。
div.hazoo {
background: aquamarine;
}
但是,当我删除 Controller 的规范并只使用样式时,就好像我指的是页面上的 any 控件一样,颜色会变回默认的黑色(我们说的是 Bootstraps 中的导航栏主题,在 MVC 下)。我什至尝试过在开始时不加点 - 当然结果相同。
.hazoo {
background: aquamarine;
}
标记是 _Layout.cshtml 文件顶部非常非常默认的标记,如下所示。
<body>
<div class="navbar navbar-inverse navbar-static-top hazoo">
...
</div>
</body>
我错过了什么?还是我误以为可以使用该语法对通用组件进行样式分配?根据我以前的经验,我可以,但过去几周 Bootstrap 有几次让我感到惊讶,所以我对我的无知充满敬意(如果一开始就与它有关,我不确定)。
最佳答案
See W3's selector specifity docs and you should find out why in one case background-color is overwritten or not. there is no problem to increase a selector weight for a specific match
这是样式表中选择器权重(规范)或位置的问题
两次相同权重/特异性的选择器:最后一个更新前一个
2 个或更多不同权重/特性的选择器:具有最大权重/特性的选择器更新其他选择器。 似乎是你的情况
W3C examples:
* /* a=0 b=0 c=0 -> specificity = 0 */
LI /* a=0 b=0 c=1 -> specificity = 1 */
UL LI /* a=0 b=0 c=2 -> specificity = 2 */
UL OL+LI /* a=0 b=0 c=3 -> specificity = 3 */
H1 + *[REL=up] /* a=0 b=1 c=1 -> specificity = 11 */
UL OL LI.red /* a=0 b=1 c=3 -> specificity = 13 */
LI.red.level /* a=0 b=2 c=1 -> specificity = 21 */
#x34y /* a=1 b=0 c=0 -> specificity = 100 */
#s12:not(FOO) /* a=1 b=0 c=1 -> specificity = 101 */
关于html - 仅在指定控件时才对 div 获取样式感到困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36954108/