Стили компонента после основных возможно?

Question

[chelkaz]

Терпеть не могу important! Когда пишу сам проекты с нуля то настраиваю приоритеты так, что important не нужен. Но!
Дело в том, что по умолчанию в Битрикс основной файл template_styles.css подключается последним.
а стили компонентов перед ним) Это не логично, и кидаю камень в огород разработчикам системы.
Начал листать доки, но ничего не нашел. Ковырять ядро не считаю логичным.
Поэтому может кто сталкивался? Как сделать так, что бы стили компонентов подключались после основных?

Answer 1

[Алексей Бурлака]

Пересилить стили можно не только !important, но и указанием более расширенного правила с использованием любого родителя.

То есть, если имеем:

<div class= 'parent'>
	<div class= 'child'>
		Текст
	</div>
</div>

И стили:

.child { color: red; }
.parent .child { color: blue; }

То цвет текста внутри .child будет синим, а не красным.

Answer 2

[Артём Лучников]

Как по мне, стили и скрипты не стоит раскидывать по компонентам - потом замучаетесь их искать и править. Складывайте все в одном месте. CSS, к примеру в том же template_styles.css только писать. Тогда и проблема задачи решится и искать ничего по проекту не придется каждый раз, как потребуется что то подправить.

Answer 3

[Сергей]

Удалите, если он в шаблоне, этот файл и все.
Заберите из него стили и добавьте в ваши