Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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 :)