在Magento 2中启用合并时,&选择器不太起作用

时间:2018-10-29 04:07:20

标签: css magento less magento2

任何人都知道为什么在产品模式下在Magento 2上启用CSS合并后,该选择器有时不起作用的原因

例如。

a {
   padding: 0;
   line-height: 19px;
   text-transform: uppercase;
   padding-left: 27px;
   background-position: left center;
   background-repeat: no-repeat;

   &:hover {
       text-decoration: none;
       color: @color-orange;
   }

   &.offer {
       background-image: url('../images/ic_offer_gray.png');
   }
}

“&。offer”部分在开发人员模式下工作且合并处于关闭状态,但在生产模式下且合并处于打开状态时,样式未包含在已编译的CSS中。

我当前使用的是Magento 2.2.6,但我认为在以前的版本中也存在相同的问题。

奇怪的是,它可以在我较少的代码中使用父选择器“&”的某些部分上工作,这就是为什么我不能真正指出问题的原因。

0 个答案:

没有答案