Веб-беттің үзіндісі берілген:
<style>
p { color: red; }
.a { color: blue; }
#x { color: green; }
div p { color: black; }
</style>
<div>
<p>1</p>
<p class="a">2</p>
<p id="x" class="a">3</p>
</div>
<p>4</p>
Браузерде 1, 2, 3, 4 абзацтардың мәтіні сәйкесінше қандай түсті болады?
Жауап пен талдауды көрсетуЖауап пен талдауды жасыру
Дұрыс жауап
- Cқара, көк, жасыл, қызыл
Талдау
Селекторлардың басымдылығын салыстырамыз: идентификатор (#x) класстан (.a) басым, класс «div p» ішкі элемент селекторынан (екі тег) басым, ал ол жай «p» селекторынан басым. 1-абзац div ішінде тұр және класы жоқ, сондықтан «div p» қолданылады — қара. 2-абзацқа «div p» және «.a» сәйкес келеді, класс басым — көк. 3-абзацқа «p», «div p», «.a» және «#x» сәйкес келеді, идентификатор басым — жасыл. 4-абзац div сыртында, оған тек «p» қолданылады — қызыл. Нәтиже: қара, көк, жасыл, қызыл.