Специфический CSS CSS, вызывающий несколько ошибок в Visual Studio

В Visual Studio 2012 я пытаюсь использовать следующий CSS-код Firefox в одном из моих внешних листов стилей:

@-moz-document url-prefix() {
    .span4 ul li a:focus { border: none; }

    .span12, #announcement.span4, #mainContent .span16 { box-shadow: 8px 4px 19px -2px #CFCFCF; }
}

Но всякий раз, когда я закрываю конец селектора @-moz-document url-prefix, я получаю несколько ошибок в двух строках CSS, как описано ниже: the area(s) of code causing error

В строке 500 ошибки, которые я получаю, находятся в порядке слева направо:

  • Missing a property name before the colon "(:)" in the "(property) : "(value)" declaration - который можно найти в селекторе классов
  • The block is unclosed, '}' is expected - это пробел после слова focus
  • Missing a selector in the style rule - это символ '{'

В строке 503 я получаю: Unexpected character sequence. с символом '}'

Я нашел одно и то же решение для Firefox, которое, похоже, работает везде. Я прокомментировал и удалил следующий CSS из таблицы стилей. Но Visual Studio не обнаружила ошибок. Есть ли способ сделать следующую работу CSS в CSS в Visual Studio без ошибок?

UPDATE. Как сказал @Leigh в комментарии в этом следующем вопросе, я попытался нажать CTRL + D, CTRL + K, но он по-прежнему дает мне те же ошибки, что и раньше. Единственное различие заключается в том, что он дает мне точку с запятой в конце первого класса .span4 ul li a:focus с ошибками в строке 500.

Ответы

Ответ 1

Я нашел несколько возможных решений, хотя я не очень хорошо знаком с селектором @- moz-document, поэтому я не уверен, что они будут делать то же самое. Эта ссылка (http://perishablepress.com/css-hacks-for-different-versions-of-firefox/) или это (http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/) может быть некоторая помощь.

/* Target Firefox 1.5 and newer [!] */
.selector, x:-moz-any-link, x:only-child { color: red; }

/* Target all Firefox */
#selector[id=selector] { color: red; }

/* Target all Firefox */ 
@-moz-document url-prefix() { .selector { color: red; } } 

/* Target all Gecko (includes Firefox) */
*>.selector { color: red; }

Удачи вам в вашей проблеме!