-1

我试图查找这个，但是在我发现这个问题的任何地方，html 代码都有很大的不同，并且不适用于我的问题。

我们正在使用一个现成的电子商务平台，它在以下方面呈现面包屑：

[jsfiddle][http://jsfiddle.net/FVHjG/1/]

我仍然需要摆脱那里的最后一个 raquo（在这种情况下是在“Suljetut”之后。）

我设法隐藏了开始元素和最后一个面包屑（实际上链接到同一页面的链接，这很愚蠢）。剩下的当然是实际的类别和“主页”。在这种情况下，我必须删除最后一个 raquo（last-child）而不是第四个（nth-child）。这样每次都删除正确的raquo，因为有时一个产品只有2个类别深，有时5个类别深，依此类推。

有人可以指导我正确的方向吗？如果可以使用 CSS，那就太好了，如果 CSS 无法使用，我会尝试将 jQuery 视为最后的选择。

PS。我无法以任何方式更改 HTML 代码的呈现方式，因此不能插入额外的类/ID（当然，我可以使用 jQuery）。

4

2 回答 2

0

这在 css 中是不可能的。但是，您可以在 SASS 或 LESS 中使用基本数学，否则 javascript 是提到的唯一选项

于 2013-02-14T13:06:26.527 回答
0

哇，这个名单太疯狂了。列表中没有必要有这么多列表：

<ul>
    <li>
        <a href="#">Link 1</a>
        <span class="Breadcrumb">x</span>
    </li>
    <li>
        <a href="#">Link 2</a>
        <span class="Breadcrumb">x</span>
    </li>
    <li>
        <a href="#">Link 3</a>
        <span class="Breadcrumb">x</span>
    </li>
    <li>
        <a href="#">Link 4</a>
        <span class="Breadcrumb">x</span>
    </li>
</ul>

这就是您删除最后一个面包屑的方式：

ul li:last-child .Breadcrumb { display:none; }

JSFiddle 示例。

如果在您的示例中只有 4 个链接（不多也不少），您可以这样做：

ul > li > ul > li > ul > li > ul > li .BreadcrumbSeparator { display:none; }

但这并不理想。否则，使用 jQuery，您必须遍历以提取最深的面包屑并将其删除（请参阅select deepest child in jQuery）。

于 2013-02-14T12:26:35.500 回答