Hello all,

Given the following CSS:

            body {
                color:blue;
            }

            #ola {
                color:black;
            }

            div {
                color:red;
            }

            p#ola.verde {
                color:green;
            }

            p.verde
            {
                color:gray;
            }

            div#ola p.verde {

                color:purple;
            }

And the following XHTML excerpt:

    <body>

        <div id=“ola”>

            <p class=“verde”>ola</p>

        </div>

    </body>

I was expecting to see a *purple* string "ola" on the viewport.
Instead, I see a *red* one.


But isn't the specification of the declaration div#ola p.verde higher then
the type selector div declaration ? What about the p.verde one, isn't higher
as well as the div alone?

Obviously I'm missing something, but I'm unable to see what.

Can I please ask, what I'm not getting?


Thanks in advance,
Márcio
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to