Поиск префиксов: [foo|="bar"]

Курсы §23. Селекторы. Часть 3
1

Почему не работает 3 задание?

[value|="Кекс"]{color:#3498db;}

[value^="Кекс-"]{color:#e74c3c;}

[value|="Кекс"]{ border-color:#2ecc71; }
2

Работает, если в начало добавить input.

input[value|=“Кекс”]{
border-color: #2ecc71;
}

Видимо, где-то это свойство переопределяется, но лень разбираться, где.

3

Да не лень, просто не надо писать общие стили. Зачем выбирать среди всех элементов? Гораздо лучше сузить круг поиска.
Да и стили скрыты, которые необходимы для нормального начального отображения (что вполне логично).