@ -moz-document url-prefix () не распознается

Я использую Adobe Brackets в качестве своего редактора, и когда что-то не распознается, оно отображается красным. Когда я использую @ -moz-document url-prefix (), чтобы попробовать стилизовать Firefox, он отображается красным цветом, как на изображении ниже, и в браузере Firefox ничего не меняется. Независимо от того, какой DIV я туда поместил, он всегда красного цвета.

введите описание изображения здесь

Кто-нибудь знает почему?


css prefix firefox mozilla
person user3173447    schedule 09.10.2014    source источник
comment
Пожалуйста, разместите код в тексте, а не на изображении   -  person l2aelba    schedule 09.10.2014
comment
Для меня проблема не в коде, мне интересно, сталкивался ли кто-нибудь с этим раньше. Неважно, какой div я вставляю в них, он просто выделяется красным, что означает, что он не распознается. Я искал это везде, но не смог найти проблему. У меня кронштейны на месте правильно, но не подает.   -  person user3173447    schedule 09.10.2014
comment
Работает должным образом: jsfiddle.net/u69emoL4/1 синий в Chrome, фиолетовый в Firefox.   -  person enguerranws    schedule 09.10.2014

Ответы (1)


arrow_upward
0
arrow_downward

Посмотрите там простой рабочий пример: http://jsfiddle.net/u69emoL4/1/

Итак, я предполагаю, что ваша проблема в следующем: вы объявляете конкретные правила Firefox перед глобальными правилами.

Пример :

#test {
    color: blue;
}
@-moz-document url-prefix()
{

  #test { color: purple;  }
}

Будет фиолетовым в Firefox, но:

@-moz-document url-prefix()
{

  #test { color: purple;  }
}
#test {
   color: blue;
}

Вернется синий. Поскольку эти два правила имеют одинаковую специфику, последнее «выиграет».

person enguerranws    schedule 09.10.2014