Почему так работает
.photos img[src$="gif"]{
display: none;
}
а так нет?
[src$="gif"]{
display: none;
}То же самое и здесь, нужно указать более специфичный селектор. Где-то заданы другие стили для похожего элемента (возможно, в самом коде страницы), и они оказываются приоритетнее.
В этом курсе подробно расписано про приоритетность и про наследование.
А почему 3 задание не работает таким способом?
.photos img[alt~="Кекса"]:not([alt$="Рудольф"]){
border:5px solid #2980b9;
box-shadow: 0 0 0 3px #34495e;
}
Ведь по логике всё правильно
Вроде бы, тут проблема в том, что не указан формат. Там в третьей цели сказано, что именно для *.jpg надо задать эти свойтва.
В общем, если добавить [src$=“jpg”], то сработатывает.
Когда попробовал так:
.photos img[alt~=“Кекса”]:not([alt$=“Рудольф”])[src$=“jpg”]{
border:5px solid #2980b9;
box-shadow: 0 0 0 3px #34495e;
}
всё засчиталось.
1 лайк
Здравствуйте. А мне интересно почему в этом задании я прописываю все задания точно так же как при нажатии кнопки “Показать ответ”, но они у меня не принимаются… а нажимаю эту кнопку… показывается точно такой же ответ…
Показывайте, как пишете.
Кнопка “Проверить” не помогает?
помогло… спасибо
В задании неточность, если ввести
img[alt*="Кекс"] {
border-width: 5px;
border-style: solid;
border-color: #2980b9;
box-shadow: 0 0 0 3px #34495e;
}
то Цель 3 будет выполнена. Данное правило выбирает в том числе картинку в png, что не соответствует условиям задачи.
Проверим, спасибо.
У меня вот такое решение вопроса:
img[src$=".gif"] {
display: none;
}
img[src$=".jpg"] {
border: 5px solid #f6b267;
box-shadow: 0 0 0 3px #b77d3e;
}
img[src$=".jpg"] ~ img[alt~=“Кекса”] {
border: 5px solid #2980b9;
box-shadow: 0 0 0 3px #34495e;
}
кнопки “проверить” не нашла, кнопка “показать ответ” показывает решение идентичное моему, но мое решение почему то цели не достигает, проверила несколько раз
Кнопка «Проверить» исчезает, когда задание засчитано (без показа ответа или же после показанного ответа).
Попробуйте нажать на «Проверить» без показа ответа.