覆盖CSS中的属性

Question

#iddiv span {
    display: inline-block;
    width: 190px;
}
.myclass {
    width:10px;
}

然后我有

<div id="iddiv">
    <span>hello:</span> 
    <span class="myclass">yeah</span> <br/>
</div>

我想第一span的width是190px,和第二的是10px的.但两者都是190px:为什么它不能超越这个width属性呢？

编辑:谢谢你的回复.取消宽度怎么样？我不希望10px宽度,只是默认宽度,就好像它是未定义的

Answer 1

您始终可以使用该!important标志覆盖:

.myclass {
    width: 10px !important;
}

Answer 2

因为id + selector(#iddiv span)比类更具体.或

#iddiv span.myclass

要么

#iddiv .myclass

应该适用于这种情况.

在这里或通过谷歌搜索来了解有关CSS特异性的更多信息.

Answer 3

CSS根据选择器的特定性应用样式

#iddiv span比myclass。更具体。将其更改为#iddiv .myclass应该可以解决您的问题。

这是一篇关于此内容的更深入的文章：http : //htmldog.com/guides/cssadvanced/specificity/