@beduin01

Почему не получается переписать оригинальное свойство импортируемого css?

В файл site.css импортирую css фреймворк. Затем пытаюсь переопределить отступ для подзаголовка. Выглядит это так:
5b6b0e005630c276839920.png

Однако почему-то в отладчике это свойство отмечено как перечеркнутое, хотя оно по идее должно было перезаписать свойство оригинала. Ну и соответственно ничего не работает. Размер отступа остается старым.

Что делаю не так?
  • Вопрос задан
  • 150 просмотров
Пригласить эксперта
Ответы на вопрос 4
@walder
margin-bottom: .1rem !important;
Ответ написан
AngReload
@AngReload
Кратко о себе
По нормальному должны быть такие селекторы:
.subtitle, который задаёт отступ-снизу для всех subtitle и
.subtitle:last-child который отменяет отступ-снизу для последнего subtitle

У вас селекторы почему-то были организованы наоборот, так что есть правила:
.subtitle — который работает только для последнего элемента, так как после него есть селектор отменяеющий его для всех остальных
.subtitle:not(:last-child) да-да этот, поищите его ниже в CSS, если его изменить, то изменятся и все .subtitle. Но это правило применяется и к другим элементам, так что лучше создать отдельное правило после него.
Ответ написан
Комментировать
@overveg
.subtitle:not(:last-child) применяется к этому диву, потому что кроме него есть и другие дочерние элементы и в данному случае псевдоклассы :not(:last-child) добавляют специфичности:
https://codepen.io/overveg/pen/qyQOKN

:not не добавляет специфичности, а :last-child - да

"The negation pseudo-class :not is not considered a pseudo-class in the specificity calculation. But selectors placed into the negation pseudo-class count as normal selectors when determining the count of selector types."
https://developer.mozilla.org/en-US/docs/Web/CSS/S...

Можно попробовать заменить :last-child на :nth-of-type
Ответ написан
Комментировать
miraage
@miraage
Старый прогер
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы