Comments on Carrer Blog: CSS Specificity - Cheat Sheet

Thanks for informative article. This can be very u...

2010-05-25T20:05:37.762+02:00

Thanks for informative article. This can be very useful with php tutorial.

@Michael: It is all about what style should be app...

2010-01-28T17:02:16.269+01:00

@Michael: It is all about what style should be applied on the page if you have something like inside head style tag #hello {color:green} .hi {color:blue} and HTML < div id="hello" class="hi" style="color:red;" > Text text text < /div >.

Which color will the Text be? The color inside stile="" or red. Because style is most "specific".

Sorry Vladimir I stared at your cheatsheet for so...

2010-01-28T16:31:52.023+01:00

Sorry Vladimir

I stared at your cheatsheet for some time, but i have absolutely no idea what it´s about. Perhaps a bit more explatantion?

Wby so complicated? It's easy to remember: class ...

2009-10-06T08:59:13.552+02:00

Wby so complicated?
It's easy to remember:
class > id > important > style

that means: id overwrites class,
important overwrites class and id and so on...

Thanks for that, good to have a "hardcopy" for the...

2009-10-06T02:46:04.163+02:00

Thanks for that, good to have a "hardcopy" for the desktop.

Also worth mentioning is the "!important" rule wic...

2009-10-04T21:44:08.702+02:00

Also worth mentioning is the "!important" rule wich will override all the above declaration types

@Caleb & @Neo: Thank you for correcting the typo! ...

2009-09-30T11:25:14.177+02:00

@Caleb & @Neo: Thank you for correcting the typo! a:link is 1,1 or 11, :link = 10 because is pseudo-class.
Post updated!

Hi Vladimir, Thats not a.link, its "a:link" , Plz ...

2009-09-30T09:07:34.659+02:00

Hi Vladimir, Thats not a.link, its "a:link" , Plz update that ...

Hi caleb, I guess that's not "a.link" , and it sho...

2009-09-30T09:04:21.709+02:00

Hi caleb, I guess that's not "a.link" , and it should be "a:link" and also "a:active" "a.visited" are got 2 points ...

On the example "a.link" how is this 2 and not 11? ...

2009-09-29T19:28:25.230+02:00

On the example "a.link" how is this 2 and not 11? 10 for the class and 1 for the element name.

@Chris: Yes, the logic is simple :) I have a,b,c,d...

2009-09-29T19:24:47.195+02:00

@Chris: Yes, the logic is simple :)
I have a,b,c,d to be compatible with official documentation http://www.w3.org/TR/CSS2/cascade.html#specificity

A little confusing at first... but eventually got ...

2009-09-29T19:15:50.885+02:00

A little confusing at first... but eventually got it.

Inline = 1000 points
id = 100 points
class = 10 points
element = 1 point

And then you just give some examples, got it. Didn't really understand why you have the "a b c d" row...

@Martin: You are absolutely right about the format...

2009-09-29T13:06:01.786+02:00

@Martin: You are absolutely right about the format 1,0,0,0. Your example clearly shows the point. But I personally think that the mathematical count is more clear, 1,0,0,0 is more correct but 1000 is more easy to understand. At the beginning I had problems understanding the 1,0,1,0 format it looked like some binary format :)

Hi Vladimir, thanks for cheatsheet. I think tha...

2009-09-29T12:20:12.162+02:00

Hi Vladimir,

thanks for cheatsheet.

I think that your result values format is not right and misleading.

You can better use "1,0,0,0" than "1000" for inline style for example.

"Decimal format" (1000) looks like inline style has the same value as ten id selectors (01000) but it is not true:

http://www.vzhurudolu.cz/test/specificity.html