CSS Values In Specific Fields - Webmaster Forum - Web Design, Programming and SEO forums

10-23-2010, 09:01 PM

aaron42491

Status: I'm new around here
Join date: Oct 2010
Location:
Expertise:
Software:

Posts: 1

iTrader: 0 / 0%

aaron42491 is on a distinguished road

CSS Values In Specific Fields

So, I am designing this website in CSS. What I want to do is add specific CSS values for my links in a certain field (ex. navigation) but I want different ones for like footer and container. Everytime I change the values in body, its almost like body is ranked above every other field. Like whatever body has, so does everything else.

Anyone?
Help?
Please?

10-23-2010, 10:44 PM

Jordan

Status: #pugs {display: block;}
Join date: Jan 2007
Location: Chicago
Expertise: CSS, HTML, PHP
Software: Sublime Text 2

Posts: 1,187

iTrader: 7 / 100%

Jordan is on a distinguished road

Code:

 <ul id="nav">
   <li><a href="#">Item</a></li>
 </ul>

Code:

 
 #nav li a {
   color: #000;
 }

Code:

  <div id="footer">
   <p><a href="#">Link Here</a>
 </div>

Code:

  #footer a {
     color: #ff0000;
  }

12-08-2010, 05:20 AM

Morning

Status: Junior Member
Join date: Nov 2010
Location: Alabama, USA
Expertise: web design, writing, proofread
Software: HomeSite, Paint Shop Pro

Posts: 50

iTrader: 0 / 0%

Morning is an unknown quantity at this point

It is true that whatever body has is carried throughout the file. If you are not having anything in the body that is not also in another class/div, maybe you could just not define the body as thoroughly?