Atom中语法高亮的自定义样式

时间:2016-01-30 15:17:19

标签: less atom-editor

我正在尝试调整Atom中markdown文件的标题样式。我在我的styles.less中添加了以下规则,但它没有任何区别:

.source.gfm .markup.heading {
  color: blue;
  font-weight: bold;
}

.tree-view { font-size: 13px; }等其他规则有效,所以我确定正在读取该文件。我也尝试添加!important,但无济于事。我错过了什么?

1 个答案:

答案 0 :(得分:0)

我的语法90s-tshirt以这种方式标记降价标题:

.source.gfm .markup {
  &.heading {
    color: @blue;
    font-weight: bold;
  }
}

关键是:并非所有可以在markdown中设置样式的元素都将包含在Atom中的.source或.gfm类下。另外,.gfm类有时会直接放在目标元素上,有时根本不会。

使用尽可能多的不同情况复制/粘贴一些降价代码(排版,列表,表格等),不仅可以查看直接包装,还可以查看HTML中一个目标元素上最多4或5个imbrications块

奖金:
如果您希望轻松获得更多可设置类型的类,我已成功设置降价,请在您的网络浏览器中查看my source file和CTRL + F,然后搜索“标记”,您将会是正确的。