Css как сделать хаки для оперы,мазилы и яндекс браузера?

@inquisitor · Регистрация: 22.12.2015

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

Делаю учебный сайт
В гугл хроме в футере цвет правильно

CSS

a
{
   color: #aba8b2;
   text-decoration: underline;
}

а вот опера видят ее цветом уже посещенной

CSS

a:visited
{
   color: #800080;
}

Как это исправить?

@mrtoxas · 16.10.2017, 18:04

CSS

a, a:visited {
  color: #aba8b2;
  text-decoration: underline;
}

И чистим кэш, ctrl+f5

@inquisitor · 16.10.2017, 18:31 **[ТС]**

зачем два тега a подряд,как это правильно понимать?

@AlexZaw · 16.10.2017, 19:41

это значит что стиль будет применен к обоим селекторам

@mrtoxas · 16.10.2017, 21:56

Добрался до компьютера. Так у вас же указан стиль для посещенной ссылки:

CSS

a:visited
{
   color: #800080;
}

Все нормально - ссылка была посещена в опере, там же она и перекрашивается в #800080. Если не хотите видеть посещенную ссылку, удалите ее из истории браузера.

@inquisitor · 17.10.2017, 14:43 **[ТС]**

CSS хак для Mozila Firefox

Основной отличительной особенностью данного браузера является то, что по другому отображает шрифты из за чего ширина блоков может немного меняться, а текст перескакивать в две строки или не помещаться в определённый блок. Для того чтобы задать стили только для Mozila Firefox в CSS файл пишем следующий код:

CSS

@-moz-document url-prefix() {
.block{
   border:1px solid red;
}
}

Вместо .block пишем класс или ID элемента, для которого нужно задать стиль.

Я так написал и ничего не примени лось

CSS

@-moz-document url-prefix() {
#wb_indexText17  {
    font-size:19px;//в  оригинале   16  шрифт  и  только  для  мазилы   19й.
}
}

Добавлено через 4 минуты

CSS

1	#wb_indexText17, x:-moz-any-link {font-size:19px;}

не работает

@AlexZaw · 17.10.2017, 14:59

Прекрасно работают оба варианта, возможно где то у вас опечатка с именем ID

@inquisitor · 17.10.2017, 17:43 **[ТС]**

Css как сделать хаки для оперы,мазилы и яндекс браузера?

@AlexZaw · 17.10.2017, 18:20

Достаточно и одного свойства. Кстати, если у вас для этого блока задаются размеры шрифта где то еще, и там они прописаны как то так - .class .class #wb_indexText17 {font-size:10px} (что скорее всего так и есть)
То стили для FF просто перебиваются по приоритетам, добавьте веса для стилей в мозилле и все заработает

@inquisitor · 17.10.2017, 22:11 **[ТС]**

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

добавьте веса для стилей в мозилле и все заработает

!important;

@-moz-document url-prefix() {
#wb_indexText17 {
font-size:19px !important;//в оригинале 16 шрифт и только для мазилы 19й.
}
}
?
а как сделать как для ТОР например изменения размера шрифта через идентификатор?

@AlexZaw · 17.10.2017, 22:31

Ну пускай будет !important, хотя,все-таки, советую почитать про приоритетность/специфичность/вес селекторов.

Про тор не совсем понял, это тот же firefox, там все работает точно так же

@Mailo · 18.10.2017, 02:50

Ну чисто гипотетически, если убрать павило для :visited то наверняка ссылки должны выглядеть одинаково. Хаки, о чём вы сударь, это же мифический король Швеции живший 5 лет назад, сейчас w3w более менее уверовала в логику и можно разрулить без королей. Да кстати можно ещё убрать не сайте несколько незакрывшихся дивов и горизонтальный скролл - это точно путь к успеху.

@inquisitor · 18.10.2017, 15:12 **[ТС]**

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

Да кстати можно ещё убрать не сайте несколько незакрывшихся дивов и горизонтальный скролл - это точно путь к успеху.

Да помогите пожалуйста.

@inquisitor 25 / 9 / 17 Регистрация: 22.12.2015 Сообщений: 2,097
	18.10.2017, 15:12 [ТС]	13
	Сообщение от Mailo Да кстати можно ещё убрать не сайте несколько незакрывшихся дивов и горизонтальный скролл - это точно путь к успеху. Да помогите пожалуйста. 0

@inquisitor 25 / 9 / 17 Регистрация: 22.12.2015 Сообщений: 2,097
	16.10.2017, 18:31 [ТС]	3
	зачем два тега a подряд,как это правильно понимать? 0

@AlexZaw Модератор 2277 / 1657 / 651 Регистрация: 07.08.2016 Сообщений: 3,972
	16.10.2017, 19:41	4
	это значит что стиль будет применен к обоим селекторам 0

@AlexZaw Модератор 2277 / 1657 / 651 Регистрация: 07.08.2016 Сообщений: 3,972
	17.10.2017, 14:59	7
	Прекрасно работают оба варианта, возможно где то у вас опечатка с именем ID 0

@inquisitor 25 / 9 / 17 Регистрация: 22.12.2015 Сообщений: 2,097
	17.10.2017, 17:43 [ТС]	8
	0

@AlexZaw Модератор 2277 / 1657 / 651 Регистрация: 07.08.2016 Сообщений: 3,972
	17.10.2017, 18:20	9
	Достаточно и одного свойства. Кстати, если у вас для этого блока задаются размеры шрифта где то еще, и там они прописаны как то так - `.class .class #wb_indexText17 {font-size:10px}` (что скорее всего так и есть) То стили для FF просто перебиваются по приоритетам, добавьте веса для стилей в мозилле и все заработает 0

@inquisitor 25 / 9 / 17 Регистрация: 22.12.2015 Сообщений: 2,097
	17.10.2017, 22:11 [ТС]	10
	Сообщение от AlexZaw добавьте веса для стилей в мозилле и все заработает !important; @-moz-document url-prefix() { #wb_indexText17 { font-size:19px !important;//в оригинале 16 шрифт и только для мазилы 19й. } } ? а как сделать как для ТОР например изменения размера шрифта через идентификатор? 0

@AlexZaw Модератор 2277 / 1657 / 651 Регистрация: 07.08.2016 Сообщений: 3,972
	17.10.2017, 22:31	11
	Ну пускай будет !important, хотя,все-таки, советую почитать про приоритетность/специфичность/вес селекторов. Про тор не совсем понял, это тот же firefox, там все работает точно так же 0

@Mailo 228 / 208 / 27 Регистрация: 18.02.2010 Сообщений: 2,042
	18.10.2017, 02:50	12
	Ну чисто гипотетически, если убрать павило для :visited то наверняка ссылки должны выглядеть одинаково. Хаки, о чём вы сударь, это же мифический король Швеции живший 5 лет назад, сейчас w3w более менее уверовала в логику и можно разрулить без королей. Да кстати можно ещё убрать не сайте несколько незакрывшихся дивов и горизонтальный скролл - это точно путь к успеху. 1