centred text / css selector precedence

[martin.eyles]

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
ma**********@NOSPAMbytronic.com
(posting as ma**********@NOSPAMntlworld.com from google because the
news server is down)

[David Dorward]

ma**********@ntlworld.com wrote:

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.

#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]

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]

"David Dorward" <do*****@yahoo.com> wrote

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

Thank you for explaining why this happens...

--
Martin Eyles
ma**********@NOSPAM.bytronic.com
(yay, the news server be fixed)

[Martin Eyles]

"Adam Risser" <ar*****@gmail.com> wrote

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

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

--
Martin Eyles
ma**********@NOSPAM.bytronic.com
(yay, the news server be fixed)

[Stuart Scharf]

Adam Risser wrote:

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

or depending on how you want to structure things add

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

Stuart

[Jasen Betts]

On 2005-12-22, Adam Risser <ar*****@gmail.com> wrote:

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.

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