Question

第一个问题是，没有代码示例，因为它是所有服务器生成的。我已对主题进行了重大修改，支持无法提供帮助，他们的开发人员（或他们不希望）也不是。

我没有直接更改元素，我在某个地方放置了一些CSS规则，由于某种原因，购物车中的add和remove item元素不再位于正确的位置。在台式机上一切正常，在移动设备上，问题出在这里，如果您打开Chrome开发工具并将任何产品添加到图表中，然后将其与台式机版本进行比较，您就会明白我的意思。

该网站位于www.toptrendshopping.com上

这些元素由一个span和一个pseud0之前的元素组成。

我知道，如果我能够获得正确的CSS指定性，并使用！important标志将规则放在CSS文件的结尾，那么它将覆盖所有内容。

但是我不知道这些组件可以一起工作。铬

为购物车生成的HTML源代码如下：

 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}" aria-label="Reduce item quantity by one">
                    <span class="icon icon-minus" aria-hidden="true"></span>
                    <span class="fallback-text" aria-hidden="true">&minus;</span>
                  </button>
                  <input type="text" name="updates[]" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*">
                  <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="{{key}}" data-line="{{line}}" data-qty="{{itemAdd}}" aria-label="Increase item quantity by one">
                    <span class="icon icon-plus" aria-hidden="true"></span>
                    <span class="fallback-text" aria-hidden="true">+</span>
                  </button>

那么，我要如何精确地解决这个问题？谢谢您，并感谢您缺少CSS代码。

无意间和间接更改了Shopify商店上的购物车元素

0 个答案: