WP字幕 - 格式

Question

不确定这是否是正确的地方，但我在其他地方没有运气，并且经常通过查看本网站上其他人的问题和答案来设法找到答案。

我最近安装了一个WordPress插件（WP字幕），允许我为帖子和页面分配字幕。但是有几个问题：

以下行是我的博文标题显示为补充工具栏中的链接：

    <a href="<?php the_permalink(); ?>"><?php get_the_title() ? the_title() : the_ID(); ?> </a>

我已对其进行了修改，因此也会显示字幕：

    <a href="<?php the_permalink(); ?>"><?php get_the_title() ? the_title()+the_subtitle('<span class="subtitle">', '</span class="subtitle">') : the_ID(); ?></a>

链接本身，工作正常 - 但如果鼠标只悬停在标题上，则只突出显示标题，而如果鼠标悬停在字幕上，标题和副标题都会突出显示（这是我真正想要的） 。有人知道我怎么能做到这一点吗？无论用户点击哪个链接部分，都要突出显示标题和副标题？

第二个问题是代码似乎只适用于我的帖子，并且根本不显示我的页面的副标题。 （这只是在补充工具栏中 - 各个页面和帖子都显示标题和副标题很好）。

如果你需要了解我的意思，我的网站是http://www.retelevise.com。任何帮助或建议将非常感激。

谢谢， SN。

Answer 1

正在进行什么

这里的问题是您要在a内以span的形式添加一层HTML。您的CSS :hover规则仅适用于自身，而不适用于儿童。因此，当您将鼠标悬停在a内的内容上时，只会突出显示a内部的内容。你可以去两条路线。第一个是删除额外的span，您需要保留更改颜色。

第二种方法很简单，只涉及一行额外的代码。我们只需要添加另一个选择器来告诉浏览器突出显示所有子span以及a s本身。您当前的:hover选择器为.post-excerpt-title a:hover。我们只需要添加.post-excerpt-title a:hover span，它就能完美运行。

---

代码

当前CSS :(减去评论）

.post-excerpt-title a:hover {
    color: #F29B06;
    font-weight: bold;
}

新CSS：

.post-excerpt-title a:hover, .post-excerpt-title a:hover span {
    color: #F29B06;
    font-weight: bold;
}

---

截图