Ответ: yellow

Для определения стилей ссылки применяется правило специфичности, которое учитывает, какое количество идентификаторов, классов и элементов используется в селекторах для этой ссылки.

Однако, в данном случае, стиль .example { color: yellow; } имеет более высокий приоритет, чем стиль ul li a { color: blue; } и ul a { color: green; }, потому что он имеет класс-селектор, который имеет больший вес, чем простой элемент-селектор, который используется в других стилях.

Таким образом, стиль .example { color: yellow; } переопределит любой другой стиль, примененный к тегу a, включая более специфичные стили, применяемые к тегу a внутри элементов списка <li> или <ul>.

Поэтому первая ссылка в коде будет иметь желтый цвет текста, потому что для нее задан стиль с более высоким приоритетом, чем стили, заданные для ссылок внутри списка или для всех ссылок на странице.

Frontender`s Spectre

CSS | Специфичность | Практика #15 | ★★★☆☆