Можно ли css сделать в виде массива?

Question

[Legal Adviser]

Всем привет.
Есть несколько страниц на сайте на которых выводится стили одного и того же блока.

.nonebefore .blanks a:before,
.nonebefore .zakoni a:before,
.nonebefore .sud_arbitr a:before,
.nonebefore .sud_msk a:before,
.nonebefore .mfc a:before,
.nonebefore .zags_msk a:before,
.nonebefore .notary_msk a:before,
.nonebefore .notary_mo a:before,
.nonebefore .court_practice a:before{
    content: none;
}

На каждой странице класс .nonebefore меняется на иные, скажем .aaa / .bbb.
Вопрос:
Можно ли сделать что-то типа:

.nonebefore, .aaa, .bbb {
.blanks a:before,
.zakoni a:before,
.sud_arbitr a:before,
.sud_msk a:before,
.mfc a:before,
.zags_msk a:before,
.notary_msk a:before,
.notary_mo a:before,
.court_practice a:before{
    content: none;
}
}

Comments

[Евгений]

Можно подключить sass и создать миксин

[Legal Adviser]

Евгений, а как это?

[Евгений]

Legal Adviser, это препроцессор, но на выходе всеравно будет у каждого элемента свой стиль)препроцессор облегчает разработку только

[Legal Adviser]

Евгений, где подробнее про это почитать?

[Евгений]

Legal Adviser, например, тут

[Евгений]

Legal Adviser, советую scss (типа диалект sass), т.к. синтаксис css не противоречит синтаксису scss, т.е. переименовав style.css в style.scss - ничего не сломается и сможете продолжить разработку используявсе прелести sass)

Answer 1

[Eugene Chefranov]

Если названия классов родителя похожи, то можно так:


Будет применяться к элементам у которых класс начинается на myClass

Answer 2

[hzzzzl]

не знаю про псевдоэлементы, будут ли они работать, но

function addStyleToHead(c) {
	var css = `${c} .blanks a:before,
		${c} .zakoni a:before,
		${c} .sud_arbitr a:before,
		${c} .sud_msk a:before,
		${c} .mfc a:before,
		${c} .zags_msk a:before,
		${c} .notary_msk a:before,
		${c} .notary_mo a:before,
		${c} .court_practice a:before{
		    content: none;
		}`,
		  head = document.head || document.getElementsByTagName('head')[0],
	    style = document.createElement('style');

	head.appendChild(style);

	style.type = 'text/css';
	if (style.styleSheet){
	  // This is required for IE8 and below.
	  style.styleSheet.cssText = css;
	} else {
	  style.appendChild(document.createTextNode(css));
	}
}

addStyleToHead('.bbb')