2

在 Visual Studio 2012 中，我试图在我的一个外部样式表中使用以下 Firefox 特定的 CSS：

@-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 的两行中得到一些错误，如下所述： 导致错误的代码区域

在第 500 行，我得到的错误按从左到右的顺序排列：

  • Missing a property name before the colon "(:)" in the "(property) : "(value)" declaration- 可以在类选择器中找到
  • The block is unclosed, '}' is expected- 这是单词焦点后的空格
  • Missing a selector in the style rule- 带有 '{' 字符

在第 503 行，我得到：Unexpected character sequence.带有 '}' 字符

我找到了相同的 Firefox 解决方案，它似乎在其他任何地方都可以使用。我已从样式表中注释并删除了以下 CSS。但是，Visual Studio 没有发现任何错误。有没有办法让以下 Firefox 特定的 CSS 在 Visual Studio 中工作而不会给我错误？

更新：正如@Leigh 在以下问题的评论中所说，我尝试按 CTRL+D、CTRL+K 但它仍然给我与以前相同的错误。唯一的区别是它在第一堂课的末尾给了我一个分号，.span4 ul li a:focus错误在第 500 行。

4

1 回答 1

0

我找到了一些可能的解决方案——虽然我对@-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; }

祝你的问题好运！

于 2013-08-09T13:24:39.997 回答