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

не будет никакой разницы, если у вас есть только эти 2 класса в вашем файле CSS / скриптлете. но все будет по-другому, если у вас их больше 2, а также смешаны с другими классами.

ваш .tag может быть переопределен другим классом Я бы отладил это используя firefox + firebug. Этот инструмент покажет вам, какой класс / свойства css запрещен

Answer 2

Используйте! Важно