Как сделать комментарии в цвете?

Question

Я стараюсь, чтобы мои комментарии были цветными. Я ввел это в стили меньше, но этот комментарий работает только с /* */ Я хочу, чтобы он работал также или вместо этого через //

atom-text-editor
.syntax--comment {
color: red;
}

Я получаю следующее:

Ошибка компиляции Меньше таблицы стилей:

Answer 1

Atom основан на Chromium, поэтому он включает в себя все инструменты разработчика, как вы, возможно, знаете из браузера Chrome. Инспектор позволит вам найти селектор для любого элемента.

Чтобы различать комментарии блока и комментарии строки, вам нужно использовать разные селекторы:

atom-text-editor {
  .syntax--comment.syntax--line {
    color: blue
  }

  .syntax--comment.syntax--block {
    color: red
  }
}

Или, если вы хотите быть очень строгим, используйте селектор .syntax--comment.syntax--line.syntax--double-slash.