Почему селектор атрибутов имеет более высокую специфичность, чем класс? ⇐ CSS

[Anonymous]

Почему селектор input[type=number] в приведенном ниже примере переопределяет селектор класса .num?
Разве оба не должны иметь специфичность 1?
Я ожидал, что то, что будет объявлено позже, переопределит первое.

Код: Выделить всё

input {
width: 100px;
}

input[type=number] {
border: 2px solid green;
}

.num {
border: 2px solid red;
}

Код: Выделить всё

 Why is the border not red (as requested by .num)?

Подробнее здесь: https://stackoverflow.com/questions/445 ... an-a-class