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

<section class="section" id="section">Зелёный текст</section>
    
// <-- Ваш селектор

// ....

section.section {color: red}
.section {color: green}
section#section {color: yellow}
section#section.section {color: pink}
section.section {color: red}
    

Решение

Зелёный текст

Ответ: специфичность каскада высокая, особенно если в нём присутствуют селекторы id. Здесь целесообразно применить директиву !important, хотя такой код лучше переписать.

.section{ color: black !important; }