CSS selector for Firefox 3 that excludes Firefox 3.6

Question

I'm looking for a Firefox 3 CSS selector that doesn't work in Firefox 3.6.

html>/**/body .blockmeta .date-ui, x:-moz-any-link, x:default {
       border:1px solid #ccc;
       border-bottom:2px solid #ccc;
       background:#f2f2f2;
       margin-top:-1px;
}

The code above seems to also work in Firefox 3.6 which is undesirable.

score 1 · Answer 1 · answered Feb 18 '10 at 00:15

1

I've not used it, but if you can use JavaScript then CSS Browser Selector looks interesting.

Of course, the better option would be to to not rely on hacks at all. Being pixel perfect doesn't really matter as long as it's still fairly accurate to your original design.

Remember, most people aren't going to be comparing your site in every browser and so won't notice a difference.

answered Feb 18 '10 at 00:15

akiller

2,462
22
30

Project linked requires JavaScript though – alex Feb 18 '10 at 00:17

score 0 · Answer 2 · edited Oct 03 '22 at 15:37

0

body, x:-moz-any-link, x:default, x:indeterminate {background:red}

it's not a good hack because as weird as it is, it's messing up with ie7.

edited Oct 03 '22 at 15:37

TylerH

20,799
66
75
101

answered May 20 '10 at 05:04

moogler

1

IE7 compatibility doesn't seem to be a concern listed by OP. – TylerH Oct 03 '22 at 15:38

Paul Sweatte · Answer 3 · 2015-07-20T13:58:49.317

Use Mozilla CSS Extensions to add a selector for any Firefox version, then override it with a Firefox 3.6+ filter which resets the values:

/* Any Firefox */
@-moz-document url-prefix() 
  { 
  .blockmeta .date-ui { display:none } 
  }

/* Firefox 3.6+ Filter */
@-moz-document url-prefix() 
  { 
  @media -moz-scrollbar-start-backward 
    { 
    .blockmeta .date-ui { display: block; } 
    }
  }

References

CSS selector for Firefox 3 that excludes Firefox 3.6

3 Answers3