Дан фрагмент веб-страницы: <style> li {color: blue;} .mark {color: red;} #end {color: green;} li.mark {font-weight: bold;} </style> <ul> <li>Python</li> <li class='mark'>HTML</li> <li class='mark' id='end'>CSS</li> </ul>. Определите верные утверждения об отображении списка в браузере.
Показать ответ и разборСкрыть ответ и разбор
Верный ответ
- BПункт «CSS» отображается зелёным цветом и полужирным начертанием
- DПункт «HTML» отображается красным цветом и полужирным начертанием
- FПункт «Python» отображается синим цветом и обычным начертанием
Разбор
Правило li задаёт синий цвет всем пунктам. Правило .mark (селектор класса) переопределяет цвет на красный для пунктов с классом mark, а li.mark добавляет полужирное начертание. Правило #end (селектор идентификатора) имеет наивысший приоритет и меняет цвет на зелёный. «Python» не имеет класса и идентификатора: он синий и обычный. «HTML» имеет класс mark: красный и полужирный. «CSS» имеет класс mark и id end: цвет зелёный (приоритет идентификатора выше класса), начертание полужирное. Варианты с синим «HTML», красным «CSS» и красным полужирным «Python» неверны.