CSS表现得很奇怪

Question

我有以下css代码：

.tag {
    display: inline;
    font-size: 10px;
    padding: 5px;
    color: #FFF;
    background-color: #444;
}

.tag:hover {
    font-size: 10px;
    padding: 5px;
    color: #FFF;
    background-color: #666;
}

除了背景颜色，还有一个显示：内联，没有区别，对吗？当.tag div存在时，它有白色文本但没有背景颜色。它也有12pt的字体大小，没有填充。然而，当我将鼠标悬停在它上面时，它看起来非常完美。谁能告诉我它为什么要这样做呢？

Answer 1

如果你的css文件/ scriptlet中只有这两个类，那么没有什么不同。 但如果你有超过2个并且与其他类混合在一起会有所不同。

你的.tag可能被其他班级所覆盖 我用firefox + firebug调试它。此工具将向您显示哪些css类/属性为

Answer 2

使用！important