From the course: HTML and CSS: Creating Navigation Bars

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Removing default list styling

Removing default list styling

From the course: HTML and CSS: Creating Navigation Bars

Start my 1-month free trial Buy for my team

Removing default list styling

“

- [Instructor] Once you have correctly marked up your HTML navigation. The next thing you inevitably want to do is get rid of the bullets that are associated with the unordered list. This is probably why a lot of people have stopped using an ordered lists with their navigation, because it just seems sort of silly to put it in and then have to turn off all the styling. But as you'll see, having all of these boxes in place really makes for interesting navigation bars, and we can do all kinds of crazy things with them if we have all of these boxes in place. And then of course, we still have the accessibility advantage here as well, but we do need to turn off these bullets. It's probably not what you want on any navbar. So let's go through how to do that. I'm going to start with my selector. I'm going to use nav ul. And although just plain ul would work here inside of this document, chances are in real life. You're going to want to be a little bit more specific to select your navigational…

Contents