Question

在一个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，如下所示：

<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元素中的类）

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

Answer 1

使用CSS选择器...

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

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

1 个答案: