Firefox Specific CSS Causing Multiple Errors in Visual Studio -


in visual studio 2012, i'm trying use following firefox specific css in 1 of external styling sheets:

@-moz-document url-prefix() {     .span4 ul li a:focus { border: none; }      .span12, #announcement.span4, #maincontent .span16 { box-shadow: 8px 4px 19px -2px #cfcfcf; } } 

but whenever close end of @-moz-document url-prefix selector, few errors in 2 lines of css, described further below: the area(s) of code causing error

on line 500, errors i'm getting in order left-to-right:

  • missing property name before colon "(:)" in "(property) : "(value)" declaration - can found in class selector
  • the block unclosed, '}' expected - space after word focus
  • missing selector in style rule - '{' character

on line 503, get: unexpected character sequence. '}' character

i've found same firefox solution seems work everywhere else. i've commented out , deleted following css style sheet. but, visual studio found no errors. there way make following firefox specific css work within visual studio without having give me errors?

update: @leigh said in comment in following question, tried hit ctrl+d, ctrl+k still gives me same errors before. difference gives me semicolon @ end of first class .span4 ul li a:focus errors on line 500.

i found few possible solutions - although i'm not extremely familiar @-moz-document selector, i'm not sure if these exact same thing. link (http://perishablepress.com/css-hacks-for-different-versions-of-firefox/) or (http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/) may help.

/* target firefox 1.5 , newer [!] */ .selector, x:-moz-any-link, x:only-child { color: red; }  /* target firefox */ #selector[id=selector] { color: red; }  /* target firefox */  @-moz-document url-prefix() { .selector { color: red; } }   /* target gecko (includes firefox) */ *>.selector { color: red; } 

good luck issue!


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -