css - 结合两个 CSS 规则的最佳方式

Question

我正在尝试组合下面显示的 2 个代码块，但它似乎不起作用。关于如何最好地做到这一点的任何想法？

分离：

#rack #main #intro #nav-bar ul li:nth-of-type(8):hover {
    background-position: -290px -470px;
}
#rack #main #intro #nav-bar ul li.current-menu-item:nth-of-type(8) {
    background-position: -290px -470px;
}

结合：

#rack #main #intro #nav-bar ul li:nth-of-type(8):hover,
#rack #main #intro #nav-bar ul li.current-menu-item:nth-of-type(8) {
    background-position: -290px -470px;
}

Answer 1

这应该可以，但我不知道为什么这不起作用，我认为li有一个类，所以我们必须先定义它，如下所示：

#rack #main #intro #nav-bar ul li.current-menu-item:nth-of-type(8),
#rack #main #intro #nav-bar ul li:nth-of-type(8):hover {
    background-position: -290px -470px;
}

Answer 2

这是组合 2 个 css 样式的正确方法，在它们之间加逗号。如果您可以发布您的代码，我可以查看一下可能导致问题的原因。