CSS控制块元素间距

时间:2010-09-11 00:20:11

标签: css css-selectors

我有一个<div>,其中包含不同的块元素(例如<p><ul><ol><blockquote>等。) 。我想控制那些子块元素之间的间距。我还希望子块元素与父div的顶部和底部之间没有间距。

我玩了几个解决方案。主要的一个是使用相邻的兄弟组合器的混乱规则。另一种方法是将margin-top值设置为所需的间距,然后使用:first-child伪选择器。

是否有任何清洁解决方案具有相当的兼容性?

感谢。

2 个答案:

答案 0 :(得分:0)

就个人而言,我会分别为所有子元素类型制作选择器,因为CSS3伪类目前在所有浏览器中都没有很好地实现。你可以用我能想到的最干净的方式这样做:

div.class blockquote, div.class p, div.class ul { /* something */ }

答案 1 :(得分:0)

如果我认为你的观点是正确的,那么这还不够吗?

div * { margin:0 10px }

由于浏览器的工作原理,* *虽然在性能方面是一个糟糕的选择器:http://www.stevesouders.com/blog/2009/06/18/simplifying-css-selectors/