С.
Продвинутый новичок
Я в курсе про то, как организованы привилегии селекторов CSS, какие стили переписывают какие. Но вот столкнулся со случаем логика которого мне не понятна. Привожу тестовый код:
Принцип такой: берем один тег и придаем ему стиль глобально. Потом нам понадобился этот же тег но со спецстилем. Что мы делаем? Во-первых, создаем класс для сброса "глобального" стиля. Затем добавляем наш спецстиль. Стиль класса по идее имеет бОльший приоритет, чем стиль тега.
А теперь вопрос: какого цвета будет первый из "Spec link"ов? Ответьте без запуска, а потом, если не лень запустите. А потом уберите [href] из селектора стилей и запустите снова.
Ваши комментарии?
(Тестировал в Хроме)
HTML:
<html>
<head>
<style>
a[href] {color:green; background-color:yellow;}
.spec {background-color:transparent;}
div.spec_menu a {color:red;}
</style>
</head>
<body>
<a href="">User link</a>
<div class="spec_menu">
<a class="spec" href="">Spec link</a>
<a href="">Spec link</a>
<a href="">Spec link</a>
<a href="">Spec link</a>
<a href="">Spec link</a>
</div>
</body>А теперь вопрос: какого цвета будет первый из "Spec link"ов? Ответьте без запуска, а потом, если не лень запустите. А потом уберите [href] из селектора стилей и запустите снова.
Ваши комментарии?
(Тестировал в Хроме)