删除手风琴元素之间的填充

Question

我正在尝试删除手风琴中元素之间的填充。

使用示例：http://docs.sencha.com/extjs/4.2.1/#!/example/build/KitchenSink/ext-theme-neptune/#layout-accordion我可以删除左侧和右侧的填充，只需删除：

.x-accordion-layout-ct {
padding: 5px 5px 0;
}

修改 我已经设法通过代码执行此部分（将此添加到Ext.define）：

bodyStyle: 'padding: 0',

但我无法删除元素之间的填充：

我正在试图挤压所有东西，所以我希望那些填充物消失。

理想情况下，我想得到这样的东西：

如何通过代码或CSS删除其余的填充？

编辑：这是几乎完美的版本（感谢@David Thomas）：http://jsfiddle.net/cPQz9/

这是我用过的CSS：

.x-panel {
    margin: 0;
}
.x-accordion-layout-ct {
padding: 0;
}
.x-accordion-item:not(:last-child) {
    border-bottom: 1px solid red;
}

但我担心浏览器兼容性 - 最后一个选择器可能无法在所有浏览器中使用。

Answer 1

我建议如下：

.x-panel {
    margin: 0;
}

JS Fiddle demo，仅在Chrome 27 / Windows XP中测试过。