Динамический CSS

376
24 ноября 2016, 10:11

Возможно ли в CSS реализовать что то подобное?
В css

.margin_($n) {margin: ($n)px;}

а в html так:

<div class='margin_20'>отступили 20 px</div>

P.S. Только сильно не пинайте, просто мне совесть запретила писать в html style.
P.S.S. Ну вот отпинайте меня http://jsfiddle.net/hy2dg0uu/

Answer 1

Делайте ОДИН и тот же отступ, НО не от одного родителя, а от соседа, например от соседнего элемента сверху! и ничего высчитывать не надо!
Есть же ul + p { color: red; } или даже ul ~ p { color: red; }

Answer 2

Совершенно непонятно зачем это нужно... Тем не менее, изменить уже подключенную к документу таблицу стилей можно, но не c помощью css. Из javascript можно получить таблицы стилей с помощью var styleSheetList = document.styleSheets; Скорее всего вы делаете что-то не то, если только вопрос не ради чистого интереса.

Answer 3

С одним css этого нельзя сделать, к сожалению :(

READ ALSO
Помогите создать резиновое меню без display: table-cell; Есть два варианта

Помогите создать резиновое меню без display: table-cell; Есть два варианта

Какой из этих вариантов будет наиболее корректныйм?.

344
Смещение текста в Input при его выделении

Смещение текста в Input при его выделении

В chrome, chromium если выровнять текст в input по правому краю text-align: right,и выделить его - текст при этом начинает смещаться на 1-2px. .

427
Смена картинки при наведении

Смена картинки при наведении

Подскажите пожалуйста, в чем ошибка? Не могу понять,что делаю не так в простом действии - необходимо,чтобы картинка изменялась при наведении...

316
Resource interpreted as Stylesheet but transferred with MIME type text/html: &ldquo;http://site.ru/page/param&rdquo;

Resource interpreted as Stylesheet but transferred with MIME type text/html: “http://site.ru/page/param”

Здравствуйте в чем может быть проблема, когда задаю параметр http://site. ru/page/param в param или ставлю слэш дополнительный на сайте слетают стили и скрипты,...

436