Less 如何以更少的资源针对特定的html标记

我正在尝试为括号创建一个新主题

括号正在使用Less对代码进行着色，到目前为止，我已将此代码输入到我的theme.Less文件中：

.cm-m-xml {color: #000;} // Making the text between the tags black.
.cm-tag  {color: #009;} // Making the letters between the < and > blue.
.cm-bracket {color: #009;} // Making the < and > blue.
.cm-attribute {color: #009;} // Making the attribute-text including the = blue.
.cm-string {color: #00f;} // Making the attribute-value including the "" blue.

所有标记均为蓝色，带有.cm标记和.cm括号规则

HTML如下所示：我无法更改HTML的格式：

<span class="cm-m-xml cm-tag cm-bracket">&lt;</span>
<span class="cm-m-xml cm-tag">h1</span>
<span class="cm-m-xml cm-tag cm-bracket">&gt;</span>

---

我的问题是：我是否可以使用较少的颜色来为img元素添加其他颜色的颜色？

Less编译成静态有效的CSS代码。所以你不能用CSS解决的事情，也不能用更少的方法解决

根据您的问题，我希望图像的HTML如下所示：

<span class="cm-m-xml cm-tag">img</span>

---

CSS3的最新规范不再包含内容选择器：

不确定您在这里用更少的资源做什么。如果希望img元素单独使用单独的颜色，可以向它们添加单独的类，并根据需要设置样式。你甚至不需要更少的钱。在这个特殊的情况下，所有蓝色的颜色是正常的，根据你的CSS。但我不能改变HTML。我无法添加新类。HTML就是这样，我只能更改括号中用于颜色主题的.less文件。我之所以研究less，是因为它似乎具有某种if/else功能。由于我无法更改HTML，我想也许我可以说，如果带有cm标记的span元素的内容是img，则使用此颜色，否则使用此颜色。虽然Less有类似于IF/ELSE行为的保护，但它肯定无法读取标记的内容，然后根据它决定样式。Ok。所以我想我在这里找的不是更少。

$(span:contains('img')).css('color','red');