Simple CSS customization question

Given the following CSS snippet:

,----
| h3 { font: normal 16px arial; 
|      text-align: right }
| 
| div.article div.titlepage h3 { font: normal small-caps 16px arial; 
|                                text-align: center }
`----

Why are all h3's in my HTML center justified?   The way I understood
the definition, the following represents a hierarchy:

div.article div.titlepage h3

Meaning that only the h3 within the div.titlepage, within the
div.article, would be center justified?

-- 

Thanks,
Jeff