Ruby on rails 如何在面包屑元素之间放置填充物?
我正在使用rails gem,它以以下格式生成面包屑:Ruby on rails 如何在面包屑元素之间放置填充物?,ruby-on-rails,css,Ruby On Rails,Css,我正在使用rails gem,它以以下格式生成面包屑: <div class="breadcrumbs"> <a href="/">Home</a> » <a href="/category/computers">Computers</a> » Walmart </div> &拉阔; &拉阔; 沃尔玛 CSS中是否有一种方法可以引用并对其应用填充和颜色更改?否,但您始
<div class="breadcrumbs">
<a href="/">Home</a> »
<a href="/category/computers">Computers</a> »
Walmart
</div>
&拉阔;
&拉阔;
沃尔玛
CSS中是否有一种方法可以引用
编码>并对其应用填充和颜色更改?否,但您始终为此使用
标记
.breadcrumbs a {
display:inline-block;
padding:0 5px;
color:green;
}
.breadcrumbs {
color:navyblue;
}
不,但你可以作弊:
.breadcrumbs {
color: #f00; /* whatever color you want your »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>»</span>
”;
然后在span上做一个样式,但是更好的方法是使用
标记
是否有原因使»不在a标记中~?否。但是,如果您在rails上使用面包屑,只需使用此选项即可显示它们:
render_breadcrumbs :separator => '<span class="sep">»</span>'
render_breadcrumbs:separator=>'»;'
然后在span.sep
上快速浏览你使用的是哪种宝石?Rails上的面包屑-Oyi veh。。。他们刚刚更新了gem,允许选项散列来指定分隔符。现在我可以将一个span标记传递给分隔符并解决这个问题。这不会处理问题的“和颜色变化”部分。是的,我一开始也是这么做的——唯一的问题是标记中没有的最后一个元素:)哦,对了!!尽管您可以将”和最后一项一起上色,但不能单独上色。谢谢!:)我只是在他们的github页面上看到了这一点——我过时的gem没有这个选项(他们最近推出了这个选项)。