Question

我正在使用rails gem，它以下列格式生成面包屑：

<div class="breadcrumbs">
  <a href="/">Home</a> &raquo;
  <a href="/category/computers">Computers</a> &raquo;
  Walmart
</div>

CSS中是否有一种方法可以引用»并对其应用填充和颜色更改？

Answer 1

没有。但是，看到你在轨道上使用面包屑，只需使用它来显示它们：

render_breadcrumbs :separator => '<span class="sep">&raquo;</span>'

然后在span.sep上标记。

Answer 2

不，但您始终使用<a>标签。

.breadcrumbs a {
    display:inline-block;
    padding:0 5px;
    color:green;
}
.breadcrumbs {
    color:navyblue;
}

Answer 3

不，但你可以作弊：

.breadcrumbs {
    color: #f00; /* whatever color you want your &raquo;s to be */
}

.breadcrumbs a {
    color: #007 !important; /* override the color of the link back to default */
    padding-left: 5px;
    padding-right: 5px;
}

/* also override these to make sure they don't get colored wrong */
.breadcrumbs a:hover { color: #009 !important; }
.breadcrumbs a:active { color: #009 !important; }

这应该具有您想要的效果。

Answer 4

简单的回答不，但你可以像......那样....

<a href="/">home</a><span>&raquo;</span>

然后在跨度上执行样式，但更好的方法是使用<ul><li>标记。

有没有理由为什么»不在A标签中？？

如何在breadcrumb元素之间添加填充？

4 个答案: