2

Visual Studio 2012 で、外部スタイリング シートの 1 つで次の 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 の 2 行でいくつかのエラーが発生します。これについては、以下で詳しく説明します。 エラーの原因となっているコードの領域

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 はエラーを検出しませんでした。次の Firefox 固有の CSS を Visual Studio 内でエラーなく動作させる方法はありますか?

更新: @Leigh がこの次の質問のコメントで述べたように、CTRL+D、CTRL+K を押してみましたが、以前と同じエラーが表示されます。唯一の違いは、最初のクラスの最後にセミコロンが表示され、.span4 ul li a:focus500 行目にエラーが表示されることです。

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 に答える