How to find out why CSS style is ignored?

Question

I usually trace mine CSS stylesheetusing a web browser Chrome.

I see that some of my styles are ignored by the inspection window Chrome- the style is crossed out with a black line.

I don’t understand why they ignore him. I usually follow all styles, using my eyes to understand why this is ignored.

Can I find out structure information (inheritance) using Chrome or another way?

Answer 1

Briefly, Specificity

From CSS Specificity: What You Should Know :

• , CSS .
• , CSS , , .
• .
• , .
• , : , , + .
• , : CSS.
• , : CSS .
• , , .
• , , .
• .
• .
• , .
• , .
• , .
• .
• 0, 0, 0, 0.
• CSS CSS.

p a, , :

p.a { color: red;  }
 .a { color: blue; }

, !

, Tree View , , Chrome, . , . , , , "".

Answer 2

Firebug Firefox, CSS.

, . "".

- , : Inline > Page > Sheet. , - , . , , .

• http://css-tricks.com/specifics-on-css-specificity/
• http://www.htmldog.com/guides/css/intermediate/specificity/

, .

, #anID.aClass p.aClass, .aClass

Kyles