Skip to content

Instantly share code, notes, and snippets.

@zgordon

zgordon/breadcrumbs-spacer-before.css

Created April 6, 2011 03:41
Show Gist options
  • Save zgordon/905095 to your computer and use it in GitHub Desktop.
Save zgordon/905095 to your computer and use it in GitHub Desktop.
Download ZIP
place a > before or after list items in your breadcrumbs
Raw
breadcrumbs-spacer-before.css
nav.breadcrumbs ul li::before {
content: ">";
margin-right: 10px;
}
/* Remove the > from before the first breadcrumb */
nav.breadcrumbs ul li:first-child::before {
content: "";
margin-left: 0;
}
@zgordon
Copy link
Author

zgordon commented May 14, 2011

Ooh, like that Brad

@flaichi
Copy link

flaichi commented Oct 3, 2022

Hello

there is another way you can use one CSS declaration:

nav.breadcrumbs li+li:before {
content: ">";
margin-right: 10px;
}

regards

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment