This problem comes up from time to time when I work with CSS, here is the issue I face.

My current code is:

```
<div class="entry">
  <div>
    <blockquote><p>quoted text</p></blockquote>
  </div>
</div>

```

In my css, I have:

```
.entry p {margin: 10px}
blockquote {stuff}
blockquote p {margin: 0px}

```

I would think the paragraph inside the blockquote would read from 'blockquote p', but instead it takes the margin: 10px from '.entry p'. 

Why does it read from 'entry p' instead of 'blockquote p'?