centred text / css selector precedence

[martin.eyles@ntlworld.com]

I am having a problem with this page:-

http://www.bytronic.com/tests/centre.html

I want a nice centred paragraph, but get a justified paragraph. I
expected the .centre to override the #content p, as it is later in the
css file, but it doesn't.

The reason I have both these rules in the css is because in general
paragraphs in the content section of our pages should be justified, but
some are centred instead, so get their own class.

Thankyou for your help,

Martin

--
Martin Eyles
martin.eyles@NO SPAMbytronic.co m
(posting as martin.eyles@NO SPAMntlworld.co m from google because the
news server is down)

[David Dorward]

Re: centred text / css selector precedence

martin.eyles@nt lworld.com wrote:
[color=blue]
> I want a nice centred paragraph, but get a justified paragraph. I
> expected the .centre to override the #content p, as it is later in the
> css file, but it doesn't.[/color]

#content p is more specific then .centre so it takes priority.

#content p = 101
..centre = 010

http://www.w3.org/TR/CSS2/cascade.html#specificity

--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Adam Risser]

Re: centred text / css selector precedence

Im not sure why it doesnt overwrite the first style, but if you do
this:

.centre {text-align: center !important; }

it will use that rule instead.


Adam

http://www.adamrisser.com

[Martin Eyles]

Re: centred text / css selector precedence

"David Dorward" <dorward@yahoo. com> wrote[color=blue]
> http://www.w3.org/TR/CSS2/cascade.html#specificity[/color]

Thank you for explaining why this happens...

--
Martin Eyles
martin.eyles@NO SPAM.bytronic.c om
(yay, the news server be fixed)

[Martin Eyles]

Re: centred text / css selector precedence

"Adam Risser" <arisser@gmail. com> wrote[color=blue]
> .centre {text-align: center !important; }[/color]

.... and thank you for explaining how to fix it.

--
Martin Eyles
martin.eyles@NO SPAM.bytronic.c om
(yay, the news server be fixed)

[Stuart Scharf]

Re: centred text / css selector precedence

Adam Risser wrote:[color=blue]
> Im not sure why it doesnt overwrite the first style, but if you do
> this:
>
> .centre {text-align: center !important; }
>
> it will use that rule instead.
>
>
> Adam
> http://www.adamrisser.com
>[/color]

or depending on how you want to structure things add

#content p.centre {text-align: center}

Stuart

[Jasen Betts]

Re: centred text / css selector precedence

On 2005-12-22, Adam Risser <arisser@gmail. com> wrote:[color=blue]
> Im not sure why it doesnt overwrite the first style, but if you do
> this:
>
> .centre {text-align: center !important; }
>
> it will use that rule instead.[/color]

I thought !important meant "not important" to IE.


Bye.
Jasen