Какой приоритет у селектора по атрибуту?

Обратимся к спецификации

Специфичность селектора определяется по следующим правилам

1. Количество ID селекторов в селекторе (= a)
2. Количество селекторов класса, селекторов по атрибуту, селекторов псевдо-классов (= b)
3. Количество селекторов по типу (имя тега) и селекторов псевдо-элементов (= c)
4. Универсальный селектор игнорируется

Важно: Селекторы внутри :not учитываются как обычно, однако сам :not не считается как псевдо-класс.

Объединение трех чисел a-b-c дает специфичность.

*               /* a=0 b=0 c=0 -> specificity =   0 */
LI              /* a=0 b=0 c=1 -> specificity =   1 */
UL LI           /* a=0 b=0 c=2 -> specificity =   2 */
UL OL+LI        /* a=0 b=0 c=3 -> specificity =   3 */
H1 + *[REL=up]  /* a=0 b=1 c=1 -> specificity =  11 */
UL OL LI.red    /* a=0 b=1 c=3 -> specificity =  13 */
LI.red.level    /* a=0 b=2 c=1 -> specificity =  21 */
#x34y           /* a=1 b=0 c=0 -> specificity = 100 */
#s12:not(FOO)   /* a=1 b=0 c=1 -> specificity = 101 */