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
Raeed Sabree
10,664 Pointshow do you know when to use the number icon on the selector and when not to use it? like #gallery
just curious
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
Jeremy Hill
29,567 PointsThe # 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{
}
Jeremy Hill
29,567 PointsAre you wanting to know why we would use one over the other rather than just using one type all of the time?
Raeed Sabree
10,664 Pointsyeah just when im supossed to use this # and when im not supossed to use #
Jeremy Hill
29,567 Pointsid 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
10,664 Pointsokay ima check that out and are selectors and elements the same thing?
Jeremy Hill
29,567 Pointsa 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
10,664 Pointsohhhhhhhh okay i understand now thank you !
Raeed Sabree
10,664 Pointsohhhhhhhh okay i understand now thank you !
Jeremy Hill
29,567 PointsNot a problem :)
Raeed Sabree
10,664 PointsRaeed Sabree
10,664 Pointshow come you didnt # main class?