有没有一种简单的方法可以用CSS选择所有块级元素?
我想在我网站的主要内容区域中的所有块级元素之间加上1.5 em边距
现在我的代码如下:
#wrapper .content p, #wrapper .content ul, #wrapper .content div, #wrapper .content ol, #wrapper .content blockquote, #wrapper .content table {margin-top: 1.5em;}
#wrapper .content p:first-child, #wrapper .content ul:first-child, #wrapper .content div:first-child, #wrapper .content ol:first-child, #wrapper .content blockquote:first-child, #wrapper .content table:first-child {margin-top: 1.5em;}
Run Code Online (Sandbox Code Playgroud)
这是后方阅读或维护的皇家痛苦......
我想用以下内容替换它:
#wrapper .content *:block + *:block {margin-top: 1.5em;}
Run Code Online (Sandbox Code Playgroud)
这可能吗?
我不能使用,* + *因为它也会捕获内联元素,表格单元格等,我不希望在段落中间应用随机边距.我也无法使用,#wrapper .content > *因为它不会嵌套div等.