扩展属性="值"减少

时间:2017-04-17 20:59:47

标签: html css less extend css-preprocessor

我使用语义并尝试扩展其网格以适应内置的CMS功能。通常,这只是使用&:extend( classname all)的简单问题。然而,Semantic有一些独特的编码方式,这使得这非常困难。

我试图找到一种方法只扩展以下一个值:

.ui-grid > .row > [class*="thirteen wide"].column {width: @thirteenWide !important}

我只需要扩展 13 ,而不是选择的其余部分。一个简单的& extent(十三个全部)在这种情况下不起作用,因为十三未在任何地方声明,但仅用于创建此特定选择器。

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

简而言之,不,extend无法定位属性选择器中的特定项目/实体Extend始终将任何属性选择器视为一个整体元素(即作为一个整体),甚至不试图理解它应该是什么意思。所以在这种情况下你能做的最好的事情就是:

.ui-grid > .row > [class*="thirteen wide"].column {
    width: foo;
}

[class*="my-id wide"]:extend([class*="thirteen wide"] all) {}
// or:
.my-id:extend([class*="thirteen wide"] all) {}
// etc.

Demo.