В CSS используйте CSS другого селектора

Могу ли я использовать в одном CSS-селекторе спецификации другого селектора?В CSS используйте CSS другого селектора

Допустим, что у меня есть 3 класса: c1, c2, c3, и я указал c1, c2 так:

.c1 { 
    font: some-font; 
} 

.c2 { 
    font-size: some font size; 
}

И я хочу c3 иметь все атрибуты c1 и c2.

Я знаю, что могу сделать что-то вроде этого:

.c1, .c3 { 
    font: some-font; 
} 

.c2, .c3 { 
    font-size: some font size; 
} 
.c3 { 
    font-color: red; 
}

, но это не то, что я ищу.

Есть ли чистое решение для CSS?

Я знаю, что SASS мог бы это сделать, но есть ли другой способ?

источник

2015-06-04 Tomer Amir

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

Вы можете использовать только наследование, поэтому вам нужно добавить оба .c1 и .c2 в свой элемент. Когда-нибудь в будущем у нас будут переменные в CSS. Они уже являются частью спецификации проекта, но на самом деле это не то, что продавцы прыгают на борт: http://caniuse.com/#feat=css-variables, и вот спецификация: http: // dev .w3.org/csswg/CSS-переменные /. – jme11

Я не уверен, если есть другой путь, но это, как я знаю:

.c1, .c3 { 
    font: some-font; 
} 

.c2, .c3 { 
    font-size: some font size; 
} 
.c3 { 
    font-color: red; 
}

источник

2015-06-04 10:54:48 markbernard

Я проигнорировал, потому что вы предполагаете, что 'c3' всегда является дочерним элементом' c1' или 'c2'. – Mave

Сделал ошибку в моем CSS. Я искал его, чтобы убедиться, что все правильно. – markbernard

Приветствия! Удалено нисходящее. – Mave

можно применить несколько классов для одного набора стилей, например:

.c3, 
.c1 { 
    font: some-font; 
} 

.c3, 
.c2 { 
    font-size: some font size; 
}

источник

2015-06-04 10:55:39

Я знаю, что могу это сделать, но я бы сделал это с несколькими классами, и это действительно могло раздуть код. Я ищу другой путь –

Тогда я думаю, что неправильно понял ваш вопрос, не могли бы вы перефразировать его? –

Я не думаю, что есть другой способ без использования внешних инструментов, таких как LESS. – markbernard

Это желание - среди много другие - хорошая причина для начала использования Меньшесегодня.

http://lesscss.org

После того, как узнал, что вы никогда не будете возвращаться к ванильным CSS, если кто-то заставляет вас. И поверьте мне, для этого потребуется alot силы.

источник

2015-06-04 10:58:41 connexo

Поддерживает ли 'LESS' IE 8? (К сожалению, я должен его поддерживать) –

LESS генерирует собственный CSS, поэтому все браузеры, которые понимают CSS, будут работать с ним. – connexo

Это что-то @Algosub: вы пишете «классный» код в LESS и LESS компиляции (это означает, что вам придется скомпилировать его каждый раз, когда вы хотите его протестировать), чтобы он стал обычным CSS. Он ничего не делает для файлов в конце, только код LESS, который вы написали. – Mave

В CSS используйте CSS другого селектора

ответ

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