我有一个<div>
,其中包含不同的块元素(例如<p>
,<ul>
,<ol>
,<blockquote>
等。) 。我想控制那些子块元素之间的间距。我还希望子块元素与父div的顶部和底部之间没有间距。
我玩了几个解决方案。主要的一个是使用相邻的兄弟组合器的混乱规则。另一种方法是将margin-top
值设置为所需的间距,然后使用:first-child
伪选择器。
是否有任何清洁解决方案具有相当的兼容性?
感谢。
答案 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/