html - 替换动态面包屑字符

Question

我刚刚创建了下面的 fiddle 来解决这个问题

LIVE ISSUE

代码:

<div class="BreadcrumbsBox_0">
    <a href="#" class="BreadcrumbsLink">ABC</a>
    <span class="BreadcrumbsDivider"> &gt; </span>
    <a href="#" class="BreadcrumbsLink">DEF</a>
    <span class="BreadcrumbsDivider"> &gt; </span>
    <span class="Breadcrumbs">g</span>
</div>

您可以看到的 HTML 是一个从动态数据填充的结构

我想要的是我需要更改“>”，即面包屑分隔符到我的自定义字符或自定义背景类，但是当我尝试放置我的 css 时，使用 :after、visibility:hidden 等。它没有显示我需要的是两个解决方案

1. 我可以通过替换动态出现的“>”来添加自定义字符
2. 我需要创建一个 css 类，如果我想让背景图像成为一个 Angular 色，它可以通过类集成。

等待解决方案。

PS:我只寻找基于 CSS 的解决方案。

Answer 1

试试这个伙伴 http://jsfiddle.net/Godinall/Hc76h/5/

您可以同时使用自定义分隔线和背景图片

.BreadcrumbsDivider:after {content:"||"}