Html &引用；及；CSS中的选择器：悬停

我试图让一个对象在横栏或边栏悬停时向下移动。我正在尝试以下代码：

#sidebarcategoryshow:hover#sidebar:hover #sidebarcategoryshow{
    margin-top: 200px;
    z-index: 5;
    -webkit-transition: 1s linear;
    -moz-transition: 1s linear;
    -o-transition: 1s linear;
    -ms-transition: 1s linear;
    transition: 1s linear;
}

---

基本上我想要的是#SideBarCategory在任何一个悬停时如何向下移动。但这似乎不起作用，有什么想法吗（目前，它不能正常工作。

您需要使用两个单独的选择器：

#sidebarcategoryshow:hover #sidebarcategoryshow,
#sidebar:hover #sidebarcategoryshow {
    margin-top: 200px;
    z-index: 5;
    -webkit-transition: 1s linear;
    -moz-transition: 1s linear;
    -o-transition: 1s linear;
    -ms-transition: 1s linear;
    transition: 1s linear;
}

如果您正在使用，则可以使用以下选项：

#sidebarcategoryshow, #sidebar {
  &:hover #sidebarcategoryshow {
    /* ... */
  }
}

---

哇，谢谢！：D我不知道你可以在CSS中使用“，”来有两个单独的规则！：D:D:D