如何在面包屑路径的项目中设置文本样式？答案

【问题标题】：How to style text in an item of a breadcrumbs trail?如何在面包屑路径的项目中设置文本样式？
【发布时间】：2015-03-24 17:47:18
【问题描述】：

在一个 Wordpress 网站上，我使用插件 Breadcrumbs NavXT 创建面包屑跟踪。现在我需要更改两个或三个不同的项目来更改单个单词的字体粗细。

这是面包屑路径的结构：

<div class="breadcrumbs" xmlns:v="http://rdf.data-vocabulary.org/#">
    <span typeof="v:Breadcrumb">
        <a class="home" href="#" title="home" property="v:title" rel="v:url">home</a>
    </span>
    <span typeof="v:Breadcrumb">
        <a class="some title" href="#" title="Some Title" property="v:title" rel="v:url">some title</a>
    </span>
    <span typeof="v:Breadcrumb">
            <a class="some other title" href="#" title="Some Other Title" property="v:title" rel="v:url">some other title</a>
    </span>
</div>

所以基本上我认为我需要像这样插入一个包含相应单词的跨度：

<span typeof="v:Breadcrumb">
    <a class="some title" href="#" title="Some Title" property="v:title" rel="v:url">some <span style="font-size:normal;">title</span></a>
</span>

我认为这最好通过 Jquery 获取文本字符串来完成，在此示例中为 some title，并将其替换为 some <span style="font-size:normal;">title</span>（或使用 span 元素内的类）

你怎么看？关于如何设置脚本的任何想法？

【问题讨论】：

标签： jquery html css string replace

【解决方案1】：

使用 CSS 选择器...

div.breadcrumbs span:last-child > a {
font-size: 1em;
}

【讨论】：

感谢您的评论，但这不是对整个标题有效吗？如果它不是最后一个面包屑而是中间一个（我添加了另一个面包屑以使其清晰）怎么办？
是的。你将不得不包装任何你想改变风格的东西。您可以通过 javascript 并拆分字符串并插入一个包装节点来做到这一点，但是从一开始就使用标记来做到这一点要容易得多。