css - 在 Atom-editor 中通过元素路径设置不同的样式

Question

我有几个网络存储，例如“\dev”、“\qa”等... 我正在尝试在 Atom IDE 中通过路径基础为元素设置不同的样式。 对于位于 '\dev\www\example\' 的元素，光标将为绿色，对于位于 '\qa\www\example\' 的元素，光标将是红色的。 是否可以？如果是怎么办？

Answer 1

您可以将以下内容添加到您的 styles.less (File > Stylesheet...)

atom-pane[data-active-item-path*="'\dev\www\example\"] {
  .cursor {
    color: green;
  }
}

atom-pane[data-active-item-path*="\qa\www\example\"] {
  .cursor {
    color: red;
  }
}

注意:我使用的是contains属性选择器(*=)，但您可能想查看全部available options看看哪个最符合您的需求。