Форум Сайтостроение Веб-строительство

Можно ли изменить стиль с пометкой !important css свойства?

276

Dmitriy_2014

9 февраля 2018, 20:25

1180

Можно ли изменить стиль с пометкой !important css свойства?

Привет, может вопрос дурацкий и повторяется уже здесь, но все же вдруг повезет. Один мой плагин формирует стиль css со свойством !important. Можно ли его сбить как-то добавив в мой обычный css файл style.css какое-то хитрое значение или это уже невозможно сделать? Два раза !important!important что-то не работает :-)

Заранее спасибо за ответы и за то что возможно вопрос такой уже был.

456

[umka]

9 февраля 2018, 20:39

#1

Стили применяются в порядке их следования в файле (файлах). Просто добавьте ещё один такой же стиль с приоритетом "!important" но после существующего стиля.

Лог в помощь!

276

Dmitriy_2014

9 февраля 2018, 21:48

#2

'[umka:
;15473025']Стили применяются в порядке их следования в файле (файлах). Просто добавьте ещё один такой же стиль с приоритетом "!important" но после существующего стиля.

Я что-то не очень понял. Файлы плагина и возможно там свой css, я изменить не могу по религиозным соображениям, если бы мог, то это не проблема была. А вот как мне указать тот же самый класс в своем файле шаблона темы Style.css со свойством !important, но более высоким приоритетом, т.к. сделав это все равно используется свойство, заданное плагином. Не перебивается мой тот же созданный класс в Style.css. По ходу тот класс в файлах плагина более приоритетен получается, и побить этот приоритет не выходит.

Как исправить - Элементы NGINX + PHP-FPM Метрика показывает визиты с

168

dma84

9 февраля 2018, 21:56

#3

Dmitriy_2014:
Я что-то не очень понял. Файлы плагина и возможно там свой css, я изменить не могу по религиозным соображениям, если бы мог, то это не проблема была. А вот как мне указать тот же самый класс в своем файле шаблона темы Style.css со свойством !important, но более высоким приоритетом, т.к. сделав это все равно используется свойство, заданное плагином. Не перебивается мой тот же созданный класс в Style.css. По ходу тот класс в файлах плагина более приоритетен получается, и побить этот приоритет не выходит.

Через id: #id .class{...!important}

276

Dmitriy_2014

9 февраля 2018, 22:40

#4

dma84:
Через id: #id .class{...!important}

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

id="crayon-5a7e204dd1e36142963810"

Эти циферки всегда разные.

153

danforth

10 февраля 2018, 00:05

#5


[id^=crayon-] {

  color: red;

}

При условии, что crayon- у вас не изменяемая часть. Если изменяемая часть, тогда нужно видеть сайт, чтобы по nth-child выбрать.

Вы случаем не в чужой iframe залезть пытаетесь? Если да, то у вас ничего не выйдет.

Junior Web Developer

456

[umka]

10 февраля 2018, 07:27

#6

Dmitriy_2014:
Я что-то не очень понял. Файлы плагина и возможно там свой css, я изменить не могу по религиозным соображениям, если бы мог, то это не проблема была.

Добавьте подключение своего CSS с тем же стилем с !important, но после CSS плагина.

129

yet_warm

10 февраля 2018, 07:40

#7

Dmitriy_2014:
Может быть так бы и сработало, спасибо за совет, но тут возникает другая проблема. ID формируется неестественным путем. Он походу динамический и всегда разный.

Как вариант, если есть возможность - прямо в style, заборет железно всех. :)

id="crayon-5a7e204dd1e36142963810" style="color:yellow !important"

Многие хотят попасть в рай, мало кто хочет для этого умирать.

1609

SeVlad

10 февраля 2018, 08:18

#8

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

В CSS есть каскадирование и наследование.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.

456

[umka]

10 февраля 2018, 08:20

#9

SeVlad, от бы ещё это объяснить разработчикам плагинов :D

1

276

Dmitriy_2014

10 февраля 2018, 09:29

#10

dma84:
Через id: #id .class{...!important}

Еще раз спасибо за подсказку.

---------- Добавлено 10.02.2018 в 13:30 ----------

danforth:


[id^=crayon-] {

  color: red;

}

При условии, что crayon- у вас не изменяемая часть. Если изменяемая часть, тогда нужно видеть сайт, чтобы по nth-child выбрать.
Вы случаем не в чужой iframe залезть пытаетесь? Если да, то у вас ничего не выйдет.

Да crayon- не изменяемая часть, и тоже спасибо за подсказку. Я всего лишь хочу изменить цвет оконтовочки для мобильной версии сайта :-).

---------- Добавлено 10.02.2018 в 13:30 ----------

'[umka:
;15473530']Добавьте подключение своего CSS с тем же стилем с !important, но после CSS плагина.

Наверное я это не могу сделать, но все равно спасибо.

---------- Добавлено 10.02.2018 в 13:31 ----------

yet_warm:
Как вариант, если есть возможность - прямо в style, заборет железно всех. :)

В style это сто пудово, но я не могу стайл к сожалению прописать, плагин формирует элемент, но все равно спасибо за совет.

---------- Добавлено 10.02.2018 в 13:31 ----------

SeVlad:
!important - костыль, которого следует избегать по возможности.

В CSS есть каскадирование и наследование.

!important – безусловно, костыль, и элемент которым лучше не пользоваться и все такое, но есть аномальные ситуации которые так вот извращенски реашаются :-).

---------- Добавлено 10.02.2018 в 13:33 ----------

Вы мне не поверите, но я сделал, и вроде заработало, оказывается перед классом нужно было добавить просто DIV, кароч вот код и он внатуре заработал :-):

div.crayon-theme-classic {

	padding-left: 10px!important;

	padding-right: 10px!important;

	border-color: #fff !important;

}

Знаю что это страх лютый и так делать нельзя, но мне можно все. Это для мобильной типо версии, для медиа запросов. Слегка другое отображение и отступы.

А вариант с [id^=crayon-] не получилось использовать, может я что-то не так делаю.

---------- Добавлено 10.02.2018 в 13:44 ----------

И получается что эта запись в моем обычно шаблонном ксс файле сильнее по силе стиля плагина :-).