When the ID and the CLASS have the different value on the same attribute, the ID always wins. However, you can use <span></span> to achieve what you want.
<div id="hilite"> <p>Paragraph one</p> <p><span class="normal">Paragraph two</span></p> <p>Paragraph three</p> </div> Hope that helps John Best Regards, John Yip Technical Manager Nano Systems Pty Limited 226 Victoria Street BEACONSFIELD, NSW 2015 Tel: +61 2 9341 3366 Fax: +61 2 9341 3377 Email: [EMAIL PROTECTED] Web-site: http://www.nanosystems.com.au We are now providing web hosting, domain name registration and web design services. Please go to http://www.nanohosting.com.au/ for more details. ===================================================================== DISCLAIMER: This e-mail and any files transmitted with it are confidential and intended solely for the following recipient(s): [email protected] If you are not any of the named addressee mentioned above; you should not disseminate, distribute, copy or alter this e-mail. Please notify John Yip immediately by replying to this e-mail if you have received this e-mail by mistake and delete this e-mail from your system. Any views or opinions presented in this e-mail are solely those of the author and might not represent those of Nano Systems Pty Limited. Nano Systems Pty Limited accepts no liability for the content of this email, or for the consequences of any actions taken on the basis of the information provided, unless that information is subsequently confirmed in writing. WARNING: Although Nano Systems Pty Limited has taken reasonable precautions to ensure no viruses are present in this email, Nano Systems Pty Limited cannot accept responsibility for any loss or damage arising from the use of this email or attachments. The original e-mail was sent on July 25, 2005 -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Hope Stewart Sent: Saturday, 23 July 2005 5:41 PM To: Web Standards Group Subject: [WSG] Understanding inheritance (well, trying to) There's something about inheritance that I don't understand. Say in my style sheet I have: body { color: black } #content {} #hilite p { color: red } If I have three paragraphs in the div #hilite and I want the text of one of them to be black instead of red, I define this class for that paragraph: normal { color: black } But I find this doesn't work. For it to work, I have to define the class with the div ID, like this: #hilite .normal { color: black } What is it about the laws of inheritance that means the class alone won't work?? Hope Stewart ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
