CSS стильдер кестесінің үзіндісі берілген: p { color: blue; } .note { color: green; } #main p { color: red; }. HTML-құжатта идентификаторы main блок бар, оның ішінде класы note абзац p орналасқан. Шартты браузер көрсететін абзац мәтінінің түсімен сәйкестендіріңіз:
1. Бастапқы үш ереже болғандағы абзац мәтінінің түсі
2. .note { color: green !important; } ережесі қосылып, осы абзацқа style="color: orange" атрибуты жазылғаннан кейінгі мәтін түсі
Жауап пен талдауды көрсетуЖауап пен талдауды жасыру
Дұрыс жауап
- 1Cқызыл
- 2Aжасыл
Талдау
1-жол. Үш ереже де қолданылады. Селекторлардың басымдылығы: p — (0,0,1), .note — (0,1,0), #main p — (1,0,1). #main p ең жоғары басымдыққа ие, сондықтан мәтін «қызыл» болады. 2-жол. !important бар декларация қарапайым декларациялардан, соның ішінде кірістірілген style атрибутынан және идентификаторы бар ережеден де басым. Сондықтан .note ережесі жеңеді, мәтін «жасыл» болады, «қызғылт сары» немесе «қызыл» емес.