Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Customizing Colors and Fonts Write Hexadecimal Colors

Posted by deepaulbharj
deepaulbharj
2,899 Points

color of anchor elemtns inside nav

Not sure how to set the color of anchor elements inside the nav element to white using a hexadecimal value.

css/main.css 
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

body {
   color: #2142:
}
p {
  color: #000
}

nav {
  backround: #599a68;
}

nav a, nav a {
  color: #000;
}

1 Answer

Stephen Bone
Stephen Bone
12,359 Points
Stephen Bone
Stephen Bone
12,359 Points

Hi Deepaul

So the way of styling elements inside of another one is to chain them together by specifying the elements separated by space.

For example if I wanted to style links (anchor elements) within a paragraph you would use something like below:

p a {
   color: ...
}

Hope it helps!

Stephen

deepaulbharj
deepaulbharj
2,899 Points

I did

p a { color: #fff; }

It still was not correct?

Stephen Bone
Stephen Bone
12,359 Points
Stephen Bone
Stephen Bone
12,359 Points

Sorry for the confusion I was just using this as an example of how to style nested elements.

Remember p relates to the paragraph element and it wants you to style the nav element. The rest would actually remain the same however.