Селекторы, часть 3 / Поиск префиксов: [foo|="bar"] [5/18] Ошибка?


#1

По заданию написано: “Цель 1 Всем элементам input, у которых значение атрибута value полностью совпадает со словом Кекс, установите цвет текста #3498db.”

<!DOCTYPE html>
<html lang="ru">
    <head>
        <title>Поиск префиксов: [foo|="bar"]</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="/assets/course58/style.css">
    </head>
    <body>
        <header class="page-header">Форма личных данных</header>
        <main>
            <form action="/echo" method="post">
                <fieldset>
                    <legend>Заявление на получение визы на кухню</legend>
                    <div class="half-width">
                        <label>Имя кота</label>
                        <input type="text" name="name" value="Кексик">
                    </div>
                    <div class="half-width">
                        <label>Котопаспорт</label>
                        <input type="text" name="passport" value="KEKS-66893"> 
                    </div>

                    <div class="half-width">
                        <label>Дата рождения</label>
                        <input type="datetime" name="birthday" readonly value="18-07-2012">
                    </div>
                     <div class="half-width">
                        <label>Радиостанция</label>
                        <input type="text" name="sweets" value="Кекс-FM">
                    </div>

                    <div class="half-width">
                         <label>Сладости</label>
                        <input type="text" name="sweets" value="Кекс">
                    </div>
                    <div class="half-width">
                        <label>Подпись</label>
                        <input type="datetime" name="sign" value="Просто Кекс">
                    </div>
                    <label>Слоган</label>
                    <input type="text" name="slogan" value="Если ты Кекс - ешь кекс">
                </fieldset>
                <div class="buttons">
                    <input type="submit" value="Оформить">
                </div>
            </form> 
        </main>
        <footer class="page-footer"></footer>
    </body>
</html>

Решение:

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

Но почему-то засчитывается задание также и с такими решениями:

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

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