Веб-беттің стильдер кестесінде мынадай ережелер бар: p { color: blue; } .note { color: red; } #main { color: green; }. Абзацтың (p тегі) сипаттамасы мен оның мәтінінің браузердегі түпкілікті түсінің сәйкестігін орнатыңыз:
1. Абзацтың class атрибутының мәні «note», id атрибутының мәні «main», style атрибуты жоқ
2. Абзацтың class атрибутының мәні «note», id жоқ, бірақ style=«color: orange;» атрибуты берілген
Жауап пен талдауды көрсетуЖауап пен талдауды жасыру
Дұрыс жауап
- 1Cжасыл
- 2Bқызғылт сары
Талдау
CSS-те ережелер қайшы келгенде басымдығы жоғары ереже жеңеді: енгізілген стиль (style атрибуты) идентификатор селекторынан, идентификатор класс селекторынан, класс тег селекторынан басым. 1-жағдай: абзацқа үш ереже де қолданылады (тег, класс және идентификатор бойынша). Ең басым — #main ережесі, сондықтан мәтін «жасыл» болады. 2-жағдай: p тегі және .note класы бойынша ережелер қолданылады, бірақ color: orange бар енгізілген стиль екеуін де басып тастайды, сондықтан мәтін «қызғылт сары» болады.