'What is the proper way of nesting related CSS lines?

I am trying to nest these lines of code together, I have tried the following but it does not work, is there any other way to have both the button and a tag changed by hovering the button through a single piece of code ?


  .about-right button:hover {
  background: #91c8ff;
  & .a {
    color: #151515;
  }
}

Here is the orginal code:

.about-right button:hover {
  background: #91c8ff;
}

.about-right button:hover a {
  color: #151515;
}
cssnested


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions