Javascript 两个类的CSS选择器

我正在做一些关于SVG的工作，我需要强调SVG的特定元素。我通过改变元素的类并使用CSS使其具有不同的颜色来实现这一点。以下是我迄今为止所尝试的：

  .series-a .bar {
    stroke: #00BCF0;
    .bar .highlight: {
      stroke: #FF5722;
    }
  }
  .series-a .bar {
    stroke: #00BCF0;
    .highlight: {
      stroke: #FF5722;
    }
  }
  .series-a .bar {
    stroke: #00BCF0;
    &&.highlight: {  
      stroke: #FF5722;
    }
  }
  .series-a .bar {
    stroke: #00BCF0;
  }
  .series-a .bar .highlight {
    stroke: #FF5722;

这些都还没有在chrome开发工具上显示我的高亮颜色或风格，所以我想知道我应该做什么。。。我们还使用post css解决了这个问题

  .series-a {
    .bar {
    stroke: #00BCF0;
    }
   .highlight {
        stroke: #FF5722;
      }

---

@马文：是的，不是这样，幸运的是xD

如果一个项目有多个类，正确的方法是在没有空格的情况下堆叠它们

.a.b表示选择.a中的.b

.a.b意味着选择也有b类的.a

.项目{ 填料：1米2米； 边缘：1米； 边框：实心1pxCCC； } .项目.突出显示{ 边框颜色：红色； 背景：F0； }

这是第一项

这是第二项

---

这是第三个项

用于多类删除空间，即条。突出显示尝试提供真实的。你的CSS是有用的，虽然你提供的看起来不是CSS，你也修剪了结尾，但是没有你想要应用它的标记那么有用！以give-us编译css的形式提供MCVE通常很有用，或者像@Quentin说的那样提供MCV：应该做什么？