Ruby on rails 如何在面包屑元素之间放置填充物?

Ruby on rails 如何在面包屑元素之间放置填充物?,ruby-on-rails,css,Ruby On Rails,Css,我正在使用rails gem,它以以下格式生成面包屑: <div class="breadcrumbs"> <a href="/">Home</a> &raquo; <a href="/category/computers">Computers</a> &raquo; Walmart </div> &拉阔; &拉阔; 沃尔玛 CSS中是否有一种方法可以引用并对其应用填充和颜色更改?否,但您始

我正在使用rails gem,它以以下格式生成面包屑:

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

&拉阔;
&拉阔;
沃尔玛

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

否,但您始终为此使用
标记

.breadcrumbs a {
    display:inline-block;
    padding:0 5px;
    color:green;
}
.breadcrumbs {
    color:navyblue;
}
不,但你可以作弊:

.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; }

这应该有你想要的效果。

简单的回答是不,但是你可以这样做

<a href="/">home</a><span>&raquo;</span>
”;
然后在span上做一个样式,但是更好的方法是使用
标记


是否有原因使»不在a标记中~?

否。但是,如果您在rails上使用面包屑,只需使用此选项即可显示它们:

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

然后在
span.sep

上快速浏览你使用的是哪种宝石?Rails上的面包屑-Oyi veh。。。他们刚刚更新了gem,允许选项散列来指定分隔符。现在我可以将一个span标记传递给分隔符并解决这个问题。这不会处理问题的“和颜色变化”部分。是的,我一开始也是这么做的——唯一的问题是标记中没有的最后一个元素:)哦,对了!!尽管您可以将
”和最后一项一起上色,但不能单独上色。谢谢!:)我只是在他们的github页面上看到了这一点——我过时的gem没有这个选项(他们最近推出了这个选项)。