有条件地改变LESS中的html内容

时间:2018-04-07 17:28:30

标签: css less

我正在尝试使用styles.less替换Atom状态栏中的一系列字符串。我已经发现使用'when'有基本的条件逻辑,但我只看到传递变量的例子,没有现有的html属性。

尝试做的事情,是识别可以采取以下任何一种状态的div标签的内容:

<div class="status-bar-vim-mode-plus-insert">I</div>
<div class="status-bar-vim-mode-plus-insert">IR</div>

我希望可能的是这样的:

.status-bar-vim-mode-plus-insert when (content: "I")
{
    &:after
    {
        content: "NSERT";
    }
}

.status-bar-vim-mode-plus-insert when (content: "IR")
{
    &:after
    {
        content: "EPLACE";
    }
}

我现在一直在寻找2或3个小时,但到目前为止,我还没有找到答案,无论这是否可行。

0 个答案:

没有答案