Question

此问题已在 CSS here中得到解答，但我无法在 sass 中找到答案。每当外部div被徘徊时，我正试图在另一个div内部生成一个div。

例如：

<div id="a">
   <div id="b">
      <p>Hello!</p>
   </div>
</div>

在sass中，我希望定位div b的{{1}}标记，并在p悬停时将其更改为其他颜色。这可能是sass吗？现在我所拥有的就是：

div a

感谢所有帮助。

Answer 1

你会做这样的事情：

<强> SASS

#a {
  #b p:hover {
    color: red;
  }
}

CodePen

Answer 2

这是我发现的工作：

#a{
   //original color
   #b{
      p{
         color: red;
      }
   }

   //after hover
   &:hover{
      #b{
         p{
            color: green;
         }
      }
   }
}

感谢@HunterTurner带领我朝着正确的方向前进

sass：当另一个div悬停时影响另一个元素

2 个答案: