Котография 9 на 12


#1

Почему так работает

.photos img[src$="gif"]{
    display: none;
}

а так нет?

[src$="gif"]{
    display: none;
}

#2

То же самое и здесь, нужно указать более специфичный селектор. Где-то заданы другие стили для похожего элемента (возможно, в самом коде страницы), и они оказываются приоритетнее.

В этом курсе подробно расписано про приоритетность и про наследование.


#3

А почему 3 задание не работает таким способом?

.photos img[alt~="Кекса"]:not([alt$="Рудольф"]){
    border:5px solid #2980b9;
    box-shadow: 0 0 0 3px #34495e;
}

Ведь по логике всё правильно


#4

Вроде бы, тут проблема в том, что не указан формат. Там в третьей цели сказано, что именно для *.jpg надо задать эти свойтва.
В общем, если добавить [src$=“jpg”], то сработатывает.


#5

Когда попробовал так:

.photos img[alt~=“Кекса”]:not([alt$=“Рудольф”])[src$=“jpg”]{
border:5px solid #2980b9;
box-shadow: 0 0 0 3px #34495e;
}

всё засчиталось.


#6

Здравствуйте. А мне интересно почему в этом задании я прописываю все задания точно так же как при нажатии кнопки “Показать ответ”, но они у меня не принимаются… а нажимаю эту кнопку… показывается точно такой же ответ…


#7

Показывайте, как пишете.


#8


#9

Кнопка “Проверить” не помогает?


#10

помогло… спасибо


#11

В задании неточность, если ввести

img[alt*="Кекс"] {
  border-width: 5px;
  border-style: solid;
  border-color: #2980b9;
  box-shadow: 0 0 0 3px #34495e;

}
то Цель 3 будет выполнена. Данное правило выбирает в том числе картинку в png, что не соответствует условиям задачи.


#12

Проверим, спасибо.


#13

У меня вот такое решение вопроса:

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;
}


#14

кнопки “проверить” не нашла, кнопка “показать ответ” показывает решение идентичное моему, но мое решение почему то цели не достигает, проверила несколько раз


#15

Кнопка «Проверить» исчезает, когда задание засчитано (без показа ответа или же после показанного ответа).

Попробуйте нажать на «Проверить» без показа ответа.