Не применяется CSS

@kodzuru · Регистрация: 22.06.2016

Author24 — интернет-сервис помощи студентам

Доброго времени суток. Есть такой код:

HTML5

<section id="section_statistics_index">
    <div class="container">
        <div class="row">
            <div class="col-12 filter-table-block">
bla bla bla
</div>
</div>
</div>
</section>

CSS

            #section_statistics_index {
 
                .filter-table-block {
                    margin-top: 15px;
                    padding: 15px;
                    margin-bottom: 15px;
                    border-radius: 4px;
                    background: $content-header-bg-color;
 
                    .filter-input-block {
                        float: left;
 
                        .filterLabel {
                            margin-bottom: 0 !important;
                            color: $content-header-label-color;
                            margin-left: 3px;
                        }
 
 
                        .input-sm {
                            height: 30px;
                            padding: 5px 10px;
                            font-size: 12px;
                            line-height: 1.5;
                            border-radius: 3px;
                        }
                    }
                }
            }

Не применяются стили. Почему ? Что делать ? [вырезано цензурой] про вёрстку

Добавлено через 9 минут
Не забудьте после обновления вижлы переустановить WebCompiler !!!!!!!! Слетает постоянно !

@axela002 · 05.12.2018, 12:07

Зачем ты всё вкладываешь в section_statistics_index
Если ты хочешь реализовать наследование, то это работает так

CSS

#section_statistics_index .filter-table-block {
 
 
 
}

И т.д.

Добавлено через 1 минуту
т.е стили будут применены для .filter-table-block только в блоке с селектором #section_statistics_index .

@AlexZaw · 05.12.2018, 12:11

Все применяется. Проверьте заданы ли у вас переменные (или правильно ли подключен файл с ними). Ну и правильно ли настроен препроцессор.

Добавлено через 2 минуты

Сообщение от axela002

Зачем ты всё вкладываешь в section_statistics_index

потому, что это синтаксис sass

@kodzuru · 05.12.2018, 12:23 **[ТС]**

Уже решил проблему. После обновления вижлы слетел WebCompiler. Перестал компилироваться файл css. Это просто ад какой-то. Спасибо за советы.

@AlexZaw Модератор 2277 / 1657 / 651 Регистрация: 07.08.2016 Сообщений: 3,972
	05.12.2018, 12:11	3
	Все применяется. Проверьте заданы ли у вас переменные (или правильно ли подключен файл с ними). Ну и правильно ли настроен препроцессор. Добавлено через 2 минуты Сообщение от axela002 Зачем ты всё вкладываешь в section_statistics_index потому, что это синтаксис sass 1

@kodzuru 20 / 19 / 22 Регистрация: 22.06.2016 Сообщений: 158
	05.12.2018, 12:23 [ТС]	4
	Уже решил проблему. После обновления вижлы слетел WebCompiler. Перестал компилироваться файл css. Это просто ад какой-то. Спасибо за советы. 0