Почему ребенок справляется без родителя [18/18]

Курсы §16. Наследование и каскадирование
1

Почему можно писать так:

.info .fact .title {
    float: left;
    width: 120px;
    text-align: right;
    color: #7f8c8d;
}

а можно писать так

.profile .info .fact .title {
    float: left;
    width: 120px;
    text-align: right;
    color: #7f8c8d;
}

и будет правильно? Почему срабатывает первый вариант, если не указан родитель profile?

2

Потому что этот селектор и так более специфичен, чем тот что вы пытаетесь перебить в задании.
Повторите урок с расчётом значения специфичности.

3

Вы имеете в виду, что мой селектор .info .fact .title более специфичен чем .fact .title (исходный) и поэтому прописывать ещё и .profile совсем не обязательно? Только и всего?

1 лайк
4

Если вы его пытались переопределить, то да.

5

А, ясно. Спасибо большое. :slight_smile: