Веб-беттегі id атрибуты t және класы note болатын абзац (p элементі) класы box болатын div блогының ішінде орналасқан. Абзацтың style атрибутының мәні: color: black; font-size: 12px. Стильдер кестесінде мына ережелер берілген:
p { color: blue; font-size: 14px; }
.box p { color: green; font-size: 16px; }
p.note { color: red; }
#t { font-size: 20px; }
.box .note { color: purple !important; }
Браузерде осы абзац мәтінінің түсі мен қаріп өлшемі қандай болады?
Жауап пен талдауды көрсетуЖауап пен талдауды жасыру
Дұрыс жауап
- Dкүлгін, 12px
Талдау
Әр қасиет үшін ең басым декларация жеңеді. color қасиетіне p (көк), .box p (жасыл), p.note (қызыл), !important бар .box .note (күлгін) ережелері және кірістірілген стиль (қара) қатысты. !important бар декларация кірістірілген стильді қоса, барлық қарапайым декларациядан басым, сондықтан түс күлгін болады. font-size үшін p (14px), .box p (16px), #t (20px) ережелері және кірістірілген стиль (12px) қатысты. Мұнда !important жоқ, ал кірістірілген стиль кез келген селектордан, соның ішінде идентификатор селекторынан да басым, сондықтан өлшем 12px болады. Жауабы: «күлгін, 12px».