Есть ли способ противостоять user agent stylesheet ?

@vlad-55 · Регистрация: 21.02.2009

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

В стилях прописано:

CSS

1	text-decoration:none !important ;

Однако, инспектор кода показывает, что user agent stylesheet блокирует эту директиву (скриншот).

Есть ли способ как-то обойти или ликвидировать эту блокировку?

@monochromer · 10.04.2014, 22:42

User-стили и так перебиваются обычным способом. Дело, скорее всего, в чем-то другом.

@vlad-55 · 10.04.2014, 22:46 **[ТС]**

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

Дело, скорее всего, в чем-то другом.

Как поискать это другое?

@monochromer · 10.04.2014, 22:50

Выложите больше информации о проблеме. Как подключаете стили? Другие стили пробовали задавать? Например, цвет.

@vlad-55 · 10.04.2014, 23:13 **[ТС]**

Стилей вцелом довольно много, и часть из них подключаются внешним файлом, а часть находятся непосредственно в HTML файле.

Я привел лишь одну заблокированную браузнром директиву, а на самом деле их несколько.

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

@MathMath · 11.04.2014, 00:05

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

@Vladislav WebDev · 11.04.2014, 08:14

vlad-55, Т.е. у вас браузер переопределяет назначенные вами стили? Так получается?
Вообще странная ситуация. Пользовательские стили имеют наименьший приоритет, поэтому ваши стили должны "глушить" стили браузера. Код покажите свой, самому интересно как так получилось у вас.

@sashok89 · 11.04.2014, 12:28

Скорее всего дело в том, что где то во внутренних стилях тоже определен important для данного text-decoration вот по этому он и не дает себя заметить. Но это всего лишь предположение. Для того, чтобы понять проблему нужно посмотреть код.
И еще у меня есть предположение, что вы пытаетесь сделать изменение в некой CMS?

@vlad-55 · 11.04.2014, 23:43 **[ТС]**

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

И еще у меня есть предположение, что вы пытаетесь сделать изменение в некой CMS?

В принципе, так и есть. Только эту CMS я сам и сделал пару лет назад...
Хочу все же попробовать выяснить причину, даже ради спортивного интереса. Попробую постепенно очистить страницу вообще от всего и таким образом найти комбинацию, вызывающую этот эффект.

@MathMath · 12.04.2014, 00:32

Попробую постепенно очистить страницу вообще от всего и таким образом найти комбинацию

Аэм, зачем?
Правой кнопкой на элементе и "просмотр кода элемента" или что-то в зависимости браузера. Далее там будет полный холст всех стилей, что применяются к этому элементу.

@vlad-55 · 12.04.2014, 01:08 **[ТС]**

Я так и делал; вообще все стили отключил, но остался user agent stylesheet, который все и определяет...

@Taatshi · 12.04.2014, 01:12

vlad-55, ссылку на страницу

Dmitry · 12.04.2014, 01:15

Сообщение от vlad-55

Я так и делал; вообще все стили отключил, но остался user agent stylesheet, который все и определяет...

кажется мне, вот это и есть ключевая фраза
когда вы ОТКЛЮЧИЛИ все свои указания стилей, чем должен руководствоваться браузер для отображения тех или иных элементов?
правильно - своим собственным дефолтным набором

@awpiiihuk · 30.09.2015, 09:40

тоже парился со стилями пока не сделал просто копировал с user agent stylesheet.
Добавил к своим стилям и все переопределилось.

Типо было так:

ul, menu, dir { user agent stylesheet.
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

Добавил к стилю к моему параметры из user agent stylesheet.

ul.item {
list-style-type: none;
display: block;
float: left;
list-style-type: disc;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 2px;
}

И всё.

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	10.04.2014, 22:42	2
	User-стили и так перебиваются обычным способом. Дело, скорее всего, в чем-то другом. 1

@vlad-55 155 / 19 / 4 Регистрация: 21.02.2009 Сообщений: 2,696
	10.04.2014, 22:46 [ТС]	3
	Сообщение от monochromer Дело, скорее всего, в чем-то другом. Как поискать это другое? 0

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	10.04.2014, 22:50	4
	Выложите больше информации о проблеме. Как подключаете стили? Другие стили пробовали задавать? Например, цвет. 1

@vlad-55 155 / 19 / 4 Регистрация: 21.02.2009 Сообщений: 2,696
	10.04.2014, 23:13 [ТС]	5
	Стилей вцелом довольно много, и часть из них подключаются внешним файлом, а часть находятся непосредственно в HTML файле. Я привел лишь одну заблокированную браузнром директиву, а на самом деле их несколько. Наверняка мой случай не уникальный и хотелось бы понять, как решаются такие проблемы. Ведь возникновение конфликта стилей можно обойти? 0

@MathMath 29 / 29 / 9 Регистрация: 03.03.2014 Сообщений: 58
	11.04.2014, 00:05	6
	Никак его нельзя убрать вовсе - можно только переопределить. Например, как на картинке. Подробнее при лицезрении вашего кода. Миниатюры 1

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	11.04.2014, 08:14	7
	vlad-55, Т.е. у вас браузер переопределяет назначенные вами стили? Так получается? Вообще странная ситуация. Пользовательские стили имеют наименьший приоритет, поэтому ваши стили должны "глушить" стили браузера. Код покажите свой, самому интересно как так получилось у вас. 1

@sashok89 75 / 75 / 11 Регистрация: 04.08.2012 Сообщений: 526 Записей в блоге: 2
	11.04.2014, 12:28	8
	Скорее всего дело в том, что где то во внутренних стилях тоже определен important для данного text-decoration вот по этому он и не дает себя заметить. Но это всего лишь предположение. Для того, чтобы понять проблему нужно посмотреть код. И еще у меня есть предположение, что вы пытаетесь сделать изменение в некой CMS? 1

@vlad-55 155 / 19 / 4 Регистрация: 21.02.2009 Сообщений: 2,696
	11.04.2014, 23:43 [ТС]	9
	Сообщение от sashok89 И еще у меня есть предположение, что вы пытаетесь сделать изменение в некой CMS? В принципе, так и есть. Только эту CMS я сам и сделал пару лет назад... Хочу все же попробовать выяснить причину, даже ради спортивного интереса. Попробую постепенно очистить страницу вообще от всего и таким образом найти комбинацию, вызывающую этот эффект. 0

@MathMath 29 / 29 / 9 Регистрация: 03.03.2014 Сообщений: 58
	12.04.2014, 00:32	10
	Попробую постепенно очистить страницу вообще от всего и таким образом найти комбинацию Аэм, зачем? Правой кнопкой на элементе и "просмотр кода элемента" или что-то в зависимости браузера. Далее там будет полный холст всех стилей, что применяются к этому элементу. 1

@vlad-55 155 / 19 / 4 Регистрация: 21.02.2009 Сообщений: 2,696
	12.04.2014, 01:08 [ТС]	11
	Я так и делал; вообще все стили отключил, но остался user agent stylesheet, который все и определяет... 0

@Taatshi Почетный модератор 12271 / 5336 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	12.04.2014, 01:12	12
	vlad-55, ссылку на страницу 0

	30.09.2015, 09:40

Dmitry 13340 / 7475 / 817 Регистрация: 09.09.2009 Сообщений: 29,250
	12.04.2014, 01:15	13
	Сообщение от vlad-55 Я так и делал; вообще все стили отключил, но остался user agent stylesheet, который все и определяет... кажется мне, вот это и есть ключевая фраза когда вы ОТКЛЮЧИЛИ все свои указания стилей, чем должен руководствоваться браузер для отображения тех или иных элементов? правильно - своим собственным дефолтным набором 0

@awpiiihuk 16 / 0 / 0 Регистрация: 29.11.2014 Сообщений: 3
	30.09.2015, 09:40	14
	тоже парился со стилями пока не сделал просто копировал с user agent stylesheet. Добавил к своим стилям и все переопределилось. Типо было так: ul, menu, dir { user agent stylesheet. display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } Добавил к стилю к моему параметры из user agent stylesheet. ul.item { list-style-type: none; display: block; float: left; list-style-type: disc; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 2px; } И всё. 0