CSS не работает для какой-то части, но работает для своего дочернего элемента
Я отказался от этого, и я не знаю, где я сделал не так.
это SCSS
div#home {
background-image: url(/assets/bg/home.jpg);
background-size: cover;
.limiter {
margin-top: $NAVBAR_BODY_START;
}
}
Это результирующий CSS. Обратите внимание, что div#home успешно скомпилированы вместе с классом .limiter ниже.
И это то, что отрендерил Chrome. Я тестировал с Edge, и это тоже не удалось.
Интересно то, что класс .limiter внутри div#home работает. Но не div#home, где он вложен.
Есть идеи, где что-то пошло не так?
Ах .. спасибо, что заметил это .. он должен быть под p. Кажется, я что-то нечаянно удалил. Виноват.
@apokryfos, можешь ли ты поставить это в качестве ответа, чтобы я мог закрыть это?
Ответы 2
Я думаю, что background-image: url (/assets/bg/home.jpg); должно быть background-image: url ("/ assets / bg / home.jpg"). Можете ли вы попробовать?
В div#content, кажется, есть 2 случайных стиля, которые, кажется, никуда не годятся.
/* ... */
line-height: 1.5em;
font-size: 2vmin;
/* ... */
Это может указывать на синтаксическую проблему с SCSS.
под
div#content, кажется, есть 2 случайных стиля, которые, кажется, никуда не годятся.line-heightиfont-size. Это может указывать на синтаксическую проблему с SCSS.