CSS中的重写属性

那我有

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

你好：
是的

我希望第一个

span

的

width

是190px，第二个是10px。但两者都是190px：为什么它不覆盖

宽度
属性

编辑：谢谢你的回复。不定宽呢？我不想要10px的宽度，只是默认宽度，就好像它是未定义的一样，因为id+selector（#iddiv span）比类更具体。或者

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

或

应该对这个案子有用

了解有关CSS特性的更多信息，或者通过谷歌搜索它。
CSS根据选择器的特性应用样式

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

这里有一篇文章对此进行了更深入的探讨：
它不起作用，因为第一种样式更具体

要修复它，请确保更直接地瞄准第二个
span
，如下所示

#iddiv span.myclass

您可以随时使用
！重要信息
要覆盖的标志：

#iddiv .myclass

首先，我建议你像其他人建议的那样，正确地定位你的选择器

但是当所有其他方法都失败时，您可以使用。
记住使用关键字！重要信息，用于覆盖父规则的函数

您还可以通过以下方式定义“myclass”：

.myclass {
    width: 10px !important;
}

你能把它发布在JSFIDLE上，这样我们可以更好地查看它吗？：）不定宽呢？我不想要10px的宽度，只是默认的宽度，好像它是未定义的。这对我非常有用！
.myclass {
    width: 10px !important;
}

#iddiv span.myclass {
    width:10px;
}