我使用语义并尝试扩展其网格以适应内置的CMS功能。通常,这只是使用&:extend( classname all)的简单问题。然而,Semantic有一些独特的编码方式,这使得这非常困难。
我试图找到一种方法只扩展以下一个值:
.ui-grid > .row > [class*="thirteen wide"].column {width: @thirteenWide !important}
我只需要扩展 13 ,而不是选择的其余部分。一个简单的& extent(十三个全部)在这种情况下不起作用,因为十三未在任何地方声明,但仅用于创建此特定选择器。
任何帮助将不胜感激。
答案 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.