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:
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 selectorthe block unclosed, '}' expected
- space after word focusmissing 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
Post a Comment