The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Is :root a completely safe hack for IE8 and modern browsers?

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #43074

    #home .column {
    margin-right:5px; /* IE8 */
    :root #home .column {
    margin-right:8px; /* Modern */

    Any browsers or situations that I or others have not thought of?

    To me it seems perfectly safe. Much like *html for IE6 was.

    Only difference here is order matters as your not just feeding a single browsers a rule – your overwriting the previous. Now I’m using this 3 times in my sheet. And I forsee a few more. So just double checking. If its not totally safe I’ll just do the class on the html for ie.


    I’m confused…why do you need different margins for IE8?


    That wasn’t really my question. I could of put any rule in there. But if you must know. The margin is dif because I fed :nth-of-type(3) to the column. IE needed dif solution.


    Looks like it should work…

    :root by itself will apply to the HTML as the base ‘element’.

    I confess I’m not sure as to cross-browser support.

    Kitty Giraudel

    We have a variant of it at

    :root * > .selector {}

    Your way seems simpler. I’ll have to run some tests.

    If you want to target everything but IE 6/7/8 you can also go with one of the following:

    @media screen and (min-width: 400px) {}
    body:last-child .selector {}
    body:nth-of-type(1) .selector {}
    body:first-of-type .selector {}

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.