Classes to target breadcrumbs?

[ZenaMel]

I'm trying to customize the breadcrumbs.

For example, I want to set the font of the label to bold.

I tried:

.breadcrumbs__link:not:first-child {
  font-weight: bold;
}

but this didn't work.

this also didn't work:

a .breadcrumbs__link > span {
  font-weight: bold;
}

[slorber]

Hey, the CSS classes are here and you just need to use CSS selectors correctly to target them, that's outside the scope of Docusaurus to teach you that

---

.breadcrumbs__link:not:first-child

.breadcrumbs__link is the first child of its parent, so... this is expected that :not:first-child does not match it. I can't teach you how :first-child works, there are many CSS resources available online for that

---

a .breadcrumbs__link > span

The breadcrumbs__link class is on the a directly and not a child of it so your selector is wrong and should be a.breadcrumbs__link instead of a .breadcrumbs__link.

Again that's basic CSS knowledge, totally outside the scope of Docusaurus

[ZenaMel]

I've been doing it this way for most other things that aren't part of https://docusaurus.io/docs/styling-layout#theme-class-names
glad to see that's also recommended to do. Thanks!