ansaurus

Question

Sifr3 - Is it possible to override CSS styling with parent selector?

Answer 1

A:

Check the order your loading CSS vs issuing the replace commands ...

Robert French 2009-08-23 21:44:00

Answer 2

A:

I don't use Sifr, so I don't know exactly how it works. I assume that the code creates CSS code like this:

h1.sifr { color: #666666; font-size: 29px; }
body.about h1.sifr { color: #FFFFFF; font-size: 29px; }

If it does, that will override the color style for the heading in the about page, as the selector for the second line is more specific than the selector in the first line.

You can read more about specificity here.

If it doesn't work, it's because there is something in your code that doesn't look like you think it does, and it may very well be something in some other part of your code that you haven't shown here that is causing the problem.

You can use the Firebug plugin in Firefox to inspect the elements in the page to see exactly which css is affecting each element.

Guffa 2009-08-23 22:34:36

Answer 3

A:

Run the replacements for body.about h1.sifr before h1.sifr. sIFR doesn't calculate specificity but executes the replacements in-order. Replacing h1.sifr replaces all such elements, so body.about h1.sifr only finds elements that have already been replaced.

Mark Wubben 2009-08-25 08:03:43

Thank you very much. You are star! I didn't know about this but now i like sifr more and more!

Takashi Irie 2009-09-05 19:23:34

ansaurus

tags:

views:

answers:

Sifr3 - Is it possible to override CSS styling with parent selector?

related questions