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

HTML How to Make a Website Beginning HTML and CSS Write a CSS Selector and Property

Posted by Ilya Fedoseev
Ilya Fedoseev
6,203 Points

footer did not becomes orange or green

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Ilya Fedoseev</title> <style> footer { color:green; } footer { color: orange; } </style> </head> <body> <footer> <a href="http://twitter.com>"><img src="img/twitter-wrap.png" alt="Twitter Logo"><a/> <a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>

  <p>&copy; 2015 Ilya Fedoseev.</p>
</footer>

</body> </html>

Lou Miranda
Lou Miranda
12,201 Points
Lou Miranda
Lou Miranda
12,201 Points 
<!DOCTYPE html>
<meta charset="utf-8">
<title>Ilya Fedoseev</title>
<style>
  .footer {
    color:green;
  }
  .footer {
    color: orange;
  }
</style>

  <a href="http://twitter.com>"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
  <a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>


  <p>&copy;2015 Ilya Fedoseev.</p>


    HTML How to Make a Web...

3 Answers

Niran Lohmaneeratana
Niran Lohmaneeratana
6,909 Points
Niran Lohmaneeratana
Niran Lohmaneeratana
6,909 Points

Your footer requires an opening tag to be considered valid HTML and therefore to be selected by your style. Additionally, are you seeking to change the text or the background of the footer to orange? The property "color" refers to the text color, while the property "background-color" refers to the actual color of the element.

Darren Joy
Darren Joy
19,573 Points
Darren Joy
Darren Joy
19,573 Points

Niran Lohmaneeratana makes a good point. Are you trying to do text green and background orange or some similar combination?

I would try something like

<!DOCTYPE html>
<meta charset="utf-8">
<title>Ilya Fedoseev</title>

<style>
  footer {
    color:green;
  }
  footer {
    background-color: orange;
  }
</style>

  <a href="http://twitter.com>"><img src="img/twitter-wrap.png" alt="Twitter Logo"><a/>
  <a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>

<footer>
  <p>&copy; 2015 Ilya Fedoseev.</p>
</footer>
Darren Joy
Darren Joy
19,573 Points
Darren Joy
Darren Joy
19,573 Points

from what you have there I don't see an opening tag i.e. <footer> to go with the ending tag </footer>

if that's so, then when you are trying to style that html element, it's not really there yet.

Lou Miranda
Lou Miranda
12,201 Points
Lou Miranda
Lou Miranda
12,201 Points

llya...please see the following code above. Also make sure your selectors and anchor tags are properly formatted. If this helps, please make sure you select as best answer. Good luck!

Niran Lohmaneeratana
Niran Lohmaneeratana
6,909 Points
Niran Lohmaneeratana
Niran Lohmaneeratana
6,909 Points

Specifically, the code snippet you edited would now select a class "footer", not a literal footer element. Just a distinction to be aware of.