HTML-құжаттың үзіндісі және стильдер кестесі берілген:
<div id="menu">
<p class="item">A</p>
<p class="item" style="color: purple;">B</p>
<p id="last">C</p>
</div>
p { color: red; }
.item { color: blue !important; }
#menu p { color: green; }
#last { color: black; }
A, B және C абзацтарының мәтіні сәйкесінше қандай түсті болады?
Жауап пен талдауды көрсетуЖауап пен талдауды жасыру
Дұрыс жауап
- Aкөк, көк, жасыл
Талдау
A абзацы: p (қызыл), .item (!important бар көк) және #menu p (жасыл) ережелері сәйкес келеді. !important бар декларация таңдағыштың басымдығына қарамастан басқаларынан күшті, сондықтан мәтін көк болады. B абзацы: оған да .item ережесі және purple ішкі стилі қолданылады. Ішкі стиль қарапайым ережелерден күшті, бірақ стильдер кестесіндегі !important декларациясы !important жоқ ішкі стильден күшті, сондықтан мәтін күлгін емес, көк болады. C абзацында item класы жоқ, сондықтан p (қызыл), #menu p және #last ережелері сәйкес келеді. #menu p басымдығы (1,0,1), ал #last басымдығы (1,0,0), демек #menu p күштірек және мәтін жасыл болады. Нәтиже: көк, көк, жасыл.