结合两个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样式的正确方法，在它们之间加上逗号。如果您可以发布您的代码，我可以看一下，看看可能导致问题的原因。