＆＃34;而＆＃34; CSS中的选择器：悬停

Question

如果条形图或侧边栏悬停，我试图让对象向下移动。我正在尝试以下代码：

#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;
}

基本上我希望#sidebarcategoryshow向下移动，如果其中任何一个悬停。然而，这似乎不起作用，任何想法？ :(目前它只是不应该像它应该工作。

Answer 1

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

#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;
}

如果您使用LESS，则可以使用以下内容：

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