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类/属性已被取消