css - Atom 对象样式 Less,更改第一个字符串的颜色,冒号前的前导字符串,

标签 css less atom-editor

在我的风格中,我想在冒号 : 之前更改字符串的颜色,但在冒号之后我有另一个具有默认颜色的字符串:

{
//color:
//to cahnge    defult 
  "code"     : "007",
  "name"     : "Bond",
  "fullName ": "James Bond"
}

我想改变颜色

code, name, fullName

带或不带引号。

"code":"007" 的 html:

 <span class="string quoted double js">
        <span class="punctuation definition string begin js">"</span>
        code
        <span class="punctuation definition string end js">"</span>
      </span>
      <span class="keyword operator js">:</span>
      <span class="string quoted double js">
        <span class="punctuation definition string begin js">"</span>
        007
        <span class="punctuation definition string end js">"</span>
      </span>

What I want

想要更改引号内的颜色文本。其他标记颜色是我的绘画技巧问题。

它用于 Atom 样式,所以我无法更改 html 代码。

有没有办法改变冒号前的字符串 :

最佳答案

试试这样的东西,如果这就是你要找的,请告诉我!

span.keyword.operator.js + span.string.quoted.double.js{
  color:#ff2233;
}

span.string.quoted.double.js{
  color:#00ff00;
}
span.punctuation.begin,span.punctuation.end{
  color:#333;
}
<span class="string quoted double js">
        <span class="punctuation definition string begin js">"</span>
        code
        <span class="punctuation definition string end js">"</span>
      </span>
      <span class="keyword operator js">:</span>
      <span class="string quoted double js">
        <span class="punctuation definition string begin js">"</span>
        007
        <span class="punctuation definition string end js">"</span>
      </span>

<span class="string quoted double js">
        <span class="punctuation definition string begin js">"</span>
        code
        <span class="punctuation definition string end js">"</span>
      </span>
      <span class="keyword operator js">:</span>
      <span class="string quoted double js">
        <span class="punctuation definition string begin js">"</span>
        007
        <span class="punctuation definition string end js">"</span>
      </span>
  

关于css - Atom 对象样式 Less,更改第一个字符串的颜色,冒号前的前导字符串,,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36233325/

相关文章:

css - 如何阅读这个 LESS css?

node.js - 安装 Atom term2 包时出错

atom-editor - Atom 编辑器,更改函数调用的颜色

atom-editor - 有没有办法摆脱原子编辑器中的选项卡行?

html - bootstrap 3 中的 float 框

list - 一个 CSS3 网格列表 2x6

javascript - Jquery Mobile - 关闭对话框后跳转固定标题(firefox)

css - 带有参数语法错误的 LESS 混合

css - 不对称 CSS 阴影

css - 两次导入相同的 less 文件时出现 Dotless MVC 捆绑问题