Наследование "на пальцах"

почему не срабатывает тега span, лежащего внутри тега p с классом selected
p .selected span{color:#3498db;}?

пробел уберите после p

Спасибо!

вообще p уберите) оставьте просто селектор по классу

1 лайк

Где нибудь в курсе упоминалось что между селектором по тегу и классу не нужен пробел? я вот, хоть убейте, не помню. Может быть это упоминается в платных курсах подскажите, а то маялся с “p. selected”. Ведь нелогично же, между всеми элементами пробелы должны быть, а тут наоборот его не должно быть.

наоброт логично, пробелом вы указываете вложенность

p .selected // элемент с классом .selected внутри p

а если у вас его нет, значит это не вложенность, а принадлежность

p.selected // все элементы p у которых есть класс .selected
3 лайка

Спасибо, исходя из этого действительно логично, но в курсах об этом или не говорилось или говориться будет в переди, до чего я еще не дошел. И мне кажется, что это просчет.

1 лайк

http://www.floomby.ru/s2/sUqJ3k
что не так?

Проверьте цвет шрифта. У вас вместо буквы “d” - “a”.

1 лайк

спасибо)

.selected span {
color: #3498db;
}
У меня не засчитывается 3е задание, хотя текст “span” поменял цвет. Что я делаю не так?

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

Да, красным загорается цель

Весь код из css-редактора отправьте текстом.

вот дословно задание:

Для тега span, лежащего внутри тега p с классом selected, установите цвет шрифта #3498db.

в коде с классом selected у нас есть не только<p>, но и<li>, и внутри обоих есть спаны.
когда вы просто прописываете .selected span, то вы не конкретизируете, какой именно спан - внутри <li> или внутри <p> вам нужен.

1 лайк

Спасибо! не досмотрела