属性下拉菜单之间的空间很大,而且下拉菜单和添加到购物车按钮之间的空间也很大,我如何才能减少空间?请查看图片和链接link

enter image description here

以下方法不起作用:

.single-product div.product table.variations tr .value {
    margin-bottom: .5em; /* Reduced space on all dropdowns except last one */
}
.single-product div.product table.variations tr:last-child .value {
    margin-bottom: 1em; /* Normal space on last dropdown */
}

推荐答案

将此代码添加到样式表的末尾:

.variations tr, .variations td, .variations th{
    margin: 0 !important;
    padding: 0 !important
}

覆盖到它上面的样式(S).

Css相关问答推荐

当optgroup元素不包含任何未使用CSS禁用的选项元素时,如何隐藏它

Vue3日期 Select 器:作用域样式不起作用

如何居中对齐容器父对象?

为什么 CSS Calc() 函数只需要+或-运算符前后有空格

根据子索引计算变换 CSS 参数

如何阻止 Mud Blazor MudTable 列扩展以适合文本

根据选项 colored颜色 更改 Select 文本 colored颜色

Tailwind css 和 Next.js 导航组件 z-index 不工作

如何在 Tailwind 中使用 `margin: y x;` 速记?

为什么我的 CSS 需要一个它似乎不需要的大括号?

在同一旋转中以度数变换旋转

在所有移动设备中禁用滚动

如何让 Firefox 在文件更改时自动刷新?

定位背景图片,添加内边距

CSS过渡自动高度不起作用

CSS 插入边框

带有一些 LESS 魔法的花式媒体查询

CSS3 过渡:过渡:全部是否比过渡:x慢?

CSS(webkit):在绝对定位元素上用底部覆盖顶部

在页面内容上方浮动一个 div