Как перебить стили тега style в html ?

@Cdelphi78 · Регистрация: 21.02.2014

Author24 — интернет-сервис помощи студентам

Здравствуйте! Как перебить стили тега style в html из style.css?

@evikza · 13.02.2016, 18:48

Cdelphi78, за приоритет стилей отвечает !important.

вот так

CSS

1
2
3

.test {
 color: #eee!important;
}

@Cdelphi78 · 13.02.2016, 18:51 **[ТС]**

evikza, спасибо а important точно перебьет?

Добавлено через 1 минуту
И еще тогда сразу же вопрос как перебить тогда сам important!

@evikza · 13.02.2016, 18:58

Cdelphi78, ну конечно точно, тогда бы его не использовали.

Сообщение от Cdelphi78

И еще тогда сразу же вопрос как перебить тогда сам important!

эмм.. можно в сам div добавить style="":

HTML5

1	<div class="test" style="color: #eee!important;"></div>

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

@Creativeman · 13.02.2016, 19:01

зачем это вобще надо? использование important плохой стиль

@silvershadow · 13.02.2016, 20:23

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

@newJS · 14.02.2016, 09:42

Сообщение от Cdelphi78

Как перебить стили тега style в html из style.css?

Высший приоритет имеет атрибут style заданный непосредственно в нужном теге, он ни чем не перешибается.
В самом css расположить свой стиль ниже по тексту.

CSS

1 2	.myStyle {color:red;} .myStyle {color:pink;}

будет розовый, а не красный
ID имеет больший приоритет перед CLASS
текст будет зелёным, хотя класс написан ниже по тексту

CSS

1 2	#myId {color:green;} .myClass {color:red;}

HTML5

1	<div class="myClass" id="myId">text</div>

а вообще поройся в книжках и инете, поищи приоритеты css

@Jewbacabra · 14.02.2016, 11:53

Сообщение от newJS

Высший приоритет имеет атрибут style заданный непосредственно в нужном теге, он ни чем не перешибается.

Как раз important его перебьет (если конечно в атрибуте style нет important)
http://cssdeck.com/labs/kfnhdqcm

@Cdelphi78 · 14.02.2016, 21:30 **[ТС]**

Сообщение от newJS

а вообще поройся в книжках и инете, поищи приоритеты css

Например? Какую книжку посоветуете?

@newJS · 15.02.2016, 07:17

Сообщение от Jewbacabra

Как раз important его перебьет

Вот зараза! не знал.

Сообщение от Cdelphi78

Какую книжку посоветуете?

Уже давно не покупал и не скачивал ни чего нового, а надо что то из нового.

@kaznachei67 · 15.02.2016, 13:03

Когда для одного и того же элемента есть несколько CSS-правил с одинаковыми свойствами, браузер использует понятия приоритетов и специфичности, чтобы выбрать значение свойства из нескольких возможных. Упрощённо, можно сказать что:

1) CSS-правила в значении атрибута style самые приоритетные,
2) за ними идёт селектор с id,
3) затем селектор с классом,
4) затем селектор с именем тега.

правило !important обладает высшим приоритетом, но также подчиняется иерархии выше (т.е. important прописанный в атрибуте style имеет более высокий приоритет, чем important описанный в селекторе id).

P.S.: использование important сродни оператору GOTO: его использование редко оправдано, а правильное проектирование позволяет его избежать.

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	15.02.2016, 07:17	10
	Сообщение от Jewbacabra Как раз important его перебьет Вот зараза! не знал. Сообщение от Cdelphi78 Какую книжку посоветуете? Уже давно не покупал и не скачивал ни чего нового, а надо что то из нового. 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
		1
	Как перебить стили тега style в html ? 13.02.2016, 18:29. Показов 28421. Ответов 10 Метки нет (Все метки) Здравствуйте! Как перебить стили тега style в html из style.css? 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
	13.02.2016, 18:51 [ТС]	3
	evikza, спасибо а important точно перебьет? Добавлено через 1 минуту И еще тогда сразу же вопрос как перебить тогда сам important! 0

@Creativeman 27 / 27 / 9 Регистрация: 26.12.2015 Сообщений: 93
	13.02.2016, 19:01	5
	зачем это вобще надо? использование important плохой стиль 0

@silvershadow 20 / 20 / 5 Регистрация: 02.04.2015 Сообщений: 63
	13.02.2016, 20:23	6
	!important - это костыли, но иногда без него никак. например если чужая библиотека генерирует инлайновый css код. чтоб перебить в css !important, нужно ниже строчкой написать новое правило !important. 0

@Jewbacabra 4925 / 3920 / 1620 Регистрация: 24.04.2014 Сообщений: 11,441
	14.02.2016, 11:53	8
	Сообщение от newJS Высший приоритет имеет атрибут style заданный непосредственно в нужном теге, он ни чем не перешибается. Как раз important его перебьет (если конечно в атрибуте style нет important) http://cssdeck.com/labs/kfnhdqcm 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,439
	14.02.2016, 21:30 [ТС]	9
	Сообщение от newJS а вообще поройся в книжках и инете, поищи приоритеты css Например? Какую книжку посоветуете? 0

@kaznachei67 56 / 50 / 22 Регистрация: 17.03.2014 Сообщений: 142
	15.02.2016, 13:03	11
	Когда для одного и того же элемента есть несколько CSS-правил с одинаковыми свойствами, браузер использует понятия приоритетов и специфичности, чтобы выбрать значение свойства из нескольких возможных. Упрощённо, можно сказать что: 1) CSS-правила в значении атрибута style самые приоритетные, 2) за ними идёт селектор с id, 3) затем селектор с классом, 4) затем селектор с именем тега. правило !important обладает высшим приоритетом, но также подчиняется иерархии выше (т.е. important прописанный в атрибуте style имеет более высокий приоритет, чем important описанный в селекторе id). P.S.: использование important сродни оператору GOTO: его использование редко оправдано, а правильное проектирование позволяет его избежать. 0