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 Styling Web Pages and Navigation Make a CSS Image Gallery

Raeed Sabree
Raeed Sabree
10,664 Points

how do you know when to use the number icon on the selector and when not to use it? like #gallery

just curious

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

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

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

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: Changa One, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}
img{
max-width: 100%;
}

#gallery{
margin: 0;
  padding: 0;
  list-style: none;
}

5 Answers

The # selector is meant to target tags that have ids. The "." selector is meant to target tags with classes. I will demonstrate:

<h1 id="main_header">Some text goes here.</h1>

<h2 class="main_class">Some text goes here.</h2>

In your css file you will target them like this:

#main_header{

}

.main_class{

}
Raeed Sabree
Raeed Sabree
10,664 Points

how come you didnt # main class?

Are you wanting to know why we would use one over the other rather than just using one type all of the time?

Raeed Sabree
Raeed Sabree
10,664 Points

yeah just when im supossed to use this # and when im not supossed to use #

id selectors (#) are meant to be used by one element. Classes are more suited for multiple elements. I'm sure the web page will behave correctly even if you don't follow that pattern but it won't pass validation. If you would like to know more about this you can search the web for W3C validation. You can get by without adhering to the W3C standards but it isn't recommended.

Raeed Sabree
Raeed Sabree
10,664 Points

okay ima check that out and are selectors and elements the same thing?

a selector is in your css; this is a selector:

h1{

}

an id selector looks like this:

#some_id{

}

a class selector looks like this:

.some_class{


}
Raeed Sabree
Raeed Sabree
10,664 Points

ohhhhhhhh okay i understand now thank you !

Raeed Sabree
Raeed Sabree
10,664 Points

ohhhhhhhh okay i understand now thank you !

Not a problem :)