HTML-құжатта стильдер мен үш абзац берілген:
<style>
p {color: red;}
.note {color: blue;}
#main {color: green;}
</style>
<p class="note">1</p>
<p id="main" class="note">2</p>
<p>3</p>
Браузер 1, 2 және 3 абзацтарының мәтінін сәйкесінше қандай түспен көрсетеді?
Жауап пен талдауды көрсетуЖауап пен талдауды жасыру
Дұрыс жауап
- Cкөк, жасыл, қызыл
Талдау
1-абзацта note класы бар. Класс селекторы p тег селекторынан басым, сондықтан мәтін көк болады. 2-абзацта класс та, идентификатор да бар. #main идентификатор селекторы класс селекторынан басым, сондықтан мәтін жасыл болады. 3-абзацта класс та, идентификатор да жоқ, оған тек p тегінің ережесі қолданылады, сондықтан мәтін қызыл болады. Дұрыс жауап: «көк, жасыл, қызыл». «көк, жасыл, қара» нұсқасы қате, себебі p тегінің ережесі үшінші абзацқа да әсер етеді. «көк, көк, қызыл» нұсқасы қате, себебі идентификатор класстан басым.