Next.js 如何更改面包屑上分隔符的颜色 食谱 面包 速食面包

“›”i如何更改此分隔符上的红色。我该怎么办 那个

在CSS中添加：

 <Breadcrumbs separator="›" aria-label="breadcrumb">
        <Link href="/recipes/" >
          recipes

        </Link>
        <Link href='/recipes/bread/'  >
          bread
        </Link>
        <Link href='/recipes/bread/quickbrad'  >
          quick bread
        </Link>

      </Breadcrumbs>

---

在inspact中，你有一个隐藏的面包屑元素，你有一个类MuiBreadcrumbs separator，这个类你可以采用全局风格，比如说：

.breadcrumb:before{
        color: //your_color;
        }
          

---

从“../styles/Breadcrumbs.module.css”导入StyleBreadcrumbs

.MuiBreadcrumbs-separator{
  color: red;
  font-size: 25px;
  position: relative;
  top: -2px;
  }