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

[Anonymous]

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

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

input {
width: 100px;
}

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

.num {
border: 2px solid red;
}< /code>
 Why is the border not red (as requested by .num)?

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