Как добавить класс в класс в CSS?

Предположим, у вас есть 500 страниц, все из которых имеют класс content, и вы хотите, чтобы они следили за автоматизацией col-xs-6 из бутстрапа.Как добавить класс в класс в CSS?

Не обязательно добавлять col-xs-6 к каждому из них по отдельности. Есть ли способ добавить этот класс в класс в другом классе (смотрите ниже), не указывая каждый элемент (например, высота, ширина, @media и т. Д.)?

CSS:

.content{ 
    .col-xs-6 
    { 
    /* load col-xs-6 into .content */ 
    } 
}

HTML:

<div class="content"></div>

источник

2016-12-22 DDJ

CSS не имеет классы. Он имеет селекторы классов, которые выбирают элементы по классам. Импорт одного класса CSS в другой не имеет смысла. – Oriol

существует несколько способов сделать это с использованием фреймворков css - или, если вы используете процесс сборки, для вас могут быть созданы css-модули: https://css-tricks.com/css-modules-part-1- need/ – kinakuta

Если вы используете препроцессор, такой как Sass, вы можете '@ продлить 'один класс на другой, который по существу копирует все его свойства. В противном случае вы можете просто скопировать/вставить стили из '.col-xs-6' в' .content' в ваш файл CSS. –

Как правило, для того, чтобы сделать расширение, как вы просите, вы не можете использовать сырые CSS. Вы должны использовать что-то вроде SCSS: http://sass-lang.com/documentation/file.SCSS_FOR_SASS_USERS.html

К сожалению, вы не можете расширить сетку Bootstrap, поскольку она динамически: Can Bootstrap 3 Grid Be Extended?

источник

2016-12-22 21:15:29 Adam

Как добавить класс в класс в CSS?

ответ

Смежные вопросы