html - CSS - 悬停问题

Question

我想知道在使用 CSS 查看主要父子类别时，如何使我的主要父类别在悬停时突出显示？

快速示例或教程会有所帮助，谢谢。

Answer 1

您的 CSS 看起来像这样:

.highlighted, a:hover {
   /* styles for when the category is hovered or highlighted */
}

然后，在查看子类别时，您需要将“突出显示”的 CSS 类添加到代表父类别的元素中。具体如何执行此操作取决于您网站的工作方式，但可以使用 javascript 或服务器端代码来完成。

编辑 1: 是的，这可以只用 CSS 来完成，但它可能需要大量的手工劳动。如果您的网站只是一堆静态 HTML 文件，您可以进入并编辑它们中的每一个以突出显示父类。例如，在标题为“轿车”(汽车的子类别)的页面上，您可以更改

<div class="category">Cars</div>

到

<div class="category highlighted">Cars</div>

这对您来说应该没有什么奇怪或特别的。