css - 如何在 Atom 的配色方案中选择包含确定字符串的所有内容？

Question

现在，在我的自定义方案中，如果我写 "SELECT * FROM table"，我有以下颜色:

• 橙色:“，表格
• 蓝色:选择，来自
• 粉色:*

那是因为我对字符串和标点符号使用橙色，对关键字使用蓝色，对运算符使用粉红色。

通过使用开发人员工具，我发现当一个字符串实际上是一个 SQL 查询时，它在 CSS 链中的某个点有 sql 单词。比如上面这句话是:

<span class="string quoted double single-line sql python">
    <span class="punctuation definition string begin python">"</span>
    <span class="keyword other DML sql">SELECT</span> 
    <span class="keyword operator star sql">*</span> 
    <span class="keyword other DML sql">FROM</span> table<span class="punctuation definition string end python">
    </span>
</span>

所以我的问题是，是否可以编写一些规则，以便我可以将橙色应用于包含单词 sql 的所有内容？我对更改整体关键字和运算符颜色不感兴趣，只是为了 SQL 查询。

类似于 $.*sql* { color: @orange; }，但显然这是行不通的。

Answer 1

用这个

.sql{
   color: orange;
}

它会给所有 sql 类的元素赋予橙色