Warum hat dieser Selektor Priorität gegenüber einem spezifischeren Selektor?

Question

Entsprechend dem, was ich vorher dachte, sind Elemente in Spezifität niedriger als Klassen und natürlich geschachtelte Klassen. Warum hat dieses <P> Tag Priorität? Es ist physisch näher am Text, stimmt, aber ich würde denken, der spezifischere Selektor wäre .a .b.

<div class="a"> 
    <div class="b"> 
    <p>asdf</p> <!-- this text is 15pt red --> 
    </div> 
</div> 

p{ 
    color: red; 
} 
.a .b{ 
    color: blue; 
    font-size: 15pt; 
} 

JSBIN

Answer 1

Je spezifische Wähler überhaupt nicht das Element entsprechen.

p { color: red; } überschreibt den Standardwert color: inherit.

Answer 2

würde Je spezifischer Selektor sein:

.a .b p{color: blue; font-size: 15pt;} 

diese Weise ist es nur Ziel „p“ unter „b“ wird die unter „a“ und keinen anderen „p“ (sehr spezifisch) ist.

This article has help me understand the selectors a little more.