From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Style breadcrumb links

Style breadcrumb links - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Style breadcrumb links

“

- [Narrator] Hi, this is Chris Converse. And in this episode, we'll style a series of breadcrumb links in order to better represent the hierarchy of the content. So if you'd like to follow along, download the exercise files. And let's begin by opening the HTML file in a text editor. So when you have the HTML file open, up in the head area you'll see we have a link to style.css. We'll be opening that in a moment. Inside of the body area, we have a header and an article. Inside of the article, we have a navigation element and an h1 and a few other elements. And inside of the nav element, we have our breadcrumb links. So it's these links that we're going to style with some arrows to create our hierarchy. So to do that, let's go back to the exercise files. And let's open up style.css in our text editor. And now once you have this CSS file opened, let's scroll down and let's find the rule that targets the anchor links inside of the nav, so nav a. Down here after padding, let's come in here…

Contents