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 CSS: Cascading Style Sheets Use ID Selectors

feliciaramadan
feliciaramadan
1,490 Points
Posted by feliciaramadan
feliciaramadan
1,490 Points

List bullets and Chrome Version 34.0.1847.131 m

I noticed that after I added the external stylesheet to the project, the list bullets were still visible. Is that just a quirky thing with Chrome? I'm using Chrome Version 34.0.1847.131 m.

4 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

Have you refreshed your stylesheet? Command + R (Mac) or CTRL + F5 (Windows). You can also get the Chrome browser extension CSS Reloader.

The code you need to have in place:

ul {
  list-style-type: none;
}
Gary Mead
Gary Mead
1,165 Points
Gary Mead
Gary Mead
1,165 Points

Going out on a limb, but I believe you are looking for something like this:

section ul {

list-style: none;

}

Add that to your external stylesheet. If you are following same video I just watched they name it main.css

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Felicia Ramadan -

> I noticed that after I added the external stylesheet to the project, the list bullets were still visible.

Since you mentioned the include external CSS video and list bullets, I'm going to go out on a limb here ...

You are wondering why when you linked in normalize.css the bullet points on your webpage didn't go away like they did in the video.

As Nick Pettit mentioned in this thread he used normalize.css v1. You probably downloaded version v3 (the most recent version) which doesn't remove list bullet points.

feliciaramadan
feliciaramadan
1,490 Points
feliciaramadan
feliciaramadan
1,490 Points

Thanks for the replies! I found my mistake, which was exactly what you said Dustin). I added the declaration in this existing rule for the ul and ol elements in the nav:

nav ul, nav ol { list-style: none; list-style-image: none; list-style-type:none; }

I removed the declaration from that rule strictly for the ul element:

ul { list-style-type: none; }

My first "duh" moment...and it won't be the last. All is well in my CSS world now :-)