我不确定您在HTML样式设计方面究竟知道些什么，所以我将在这里解释您可能需要的一切。
您需要的一切都可以在应用于页面的CSS样式表中完成。选择相应的HTML元素（包含总价格金额的元素、“添加到购物车”按钮等）并应用所需的CSS属性，在您的示例中是（变量称为大写字母）：
margin属性。要定义应用的内容，可以指定特定的边距，例如margin-bottom: 10px; 或margin-top:10px; 或margin-right:10px; 或margin-left:10px; 在所选HTML元素的底部/顶部/右侧/左侧分别应用10个像素的边距。您还可以使用margin：属性，其结果取决于您提供的值的数量：如果您提供四个值（像时钟一样思考）：
margin: Apx Bpx Cpx Dpx;
定义应用于选定元素顶部的边距像素数
B应用于其右侧的像素数
C在底部
D在它的左边。
如果指定三个值：
margin: Apx Bpx Cpx;
A是应用于选定元素顶部的边距像素数
B应用于左侧和右侧的像素数
C底部应用的像素数
如果指定两个值：
margin: Apx Bpx;
A表示应用于顶部和底部的边距像素数
B应用于右侧和左侧的像素数
如果只指定一个值：
margin: Apx;
像素的边距应用于选定元素的所有边。
要隐藏内容，您需要决定是否只隐藏内容，但要让相应的元素占据其空间（在这种情况下，使用visibility: hidden;)
b） 不显示对应元素的任何内容；甚至不为相应的元素分配空间（在这种情况下，使用display: none;)
如果你的样式没有改变任何东西，并且你确信你的选择器是正确的，语法也很好，那么你应该检查CSS的特殊性。尽量避免使用!important, 它只会给你头痛时，继续造型的东西以后。只有在没有其他方法应用所需样式时，它才应该是最后一个可能的解决方案。
