css - 使用 css 选择所有 block 级元素

Question

有没有一种使用 CSS 选择所有 block 级元素的简单方法？

我想在我网站的主要内容区域中的所有 block 级元素之间放置 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;}

阅读或维护后方的皇家痛苦......

我想用类似的东西替换它:

#wrapper .content *:block + *:block {margin-top: 1.5em;}

这可能吗？

我不能使用 * + * 因为它也会捕获内联元素、表格单元格等，而且我不希望在段落中间应用随机边距。我也不能使用 #wrapper .content > * 因为那样它就不会嵌套 div 等

Answer 1

:not(a):not(b):not(label):not(form):not(abbr):not(legend):not(address):not(link):not(area):not(mark):not(audio):not(meter):not(b):not(nav):not(cite):not(optgroup):not(code):not(option):not(del):not(q):not(details):not(small):not(dfn):not(select):not(command):not(source):not(datalist):not(span):not(em):not(strong):not(font):not(sub):not(i):not(summary):not(iframe):not(sup):not(img):not(tbody):not(input):not(td):not(ins):not(time):not(kbd):not(var) {border:1px solid red;}

不确定我是否遗漏了一个元素，但你明白了。我认为这应该可行。