Seleziona tutti gli elementi a livello di blocco con css

Question

C'è un modo semplice per selezionare tutti gli elementi a livello di blocco con CSS?

voglio mettere margine am 1,5 em tra tutti gli elementi a livello di blocco nella principale area di contenuto del mio sito

In questo momento ho un codice simile:

#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;} 

che è un dolore reale nel posteriore per leggere o mantenere ...

vorrei sostituirlo con qualcosa di simile:

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

È possibile?

Non riesco a utilizzare * + * perché questo catturerà anche elementi in linea, celle di tabella, ecc. E non voglio che vengano applicati margini casuali nel mezzo dei paragrafi. Inoltre non posso usare #wrapper .content > * perché non verrà annidato div ecc.

Answer 1

Questo non è possibile con i CSS; non è possibile selezionare un elemento basato su una delle sue proprietà CSS. È necessario utilizzare JavaScript per selezionare tutti gli elementi con qualcosa come getComputedStyle o qualcosa di simile, quindi eseguire una logica di script basata su ciò che trova.

La cosa più vicina che è possibile ottenere in CSS è la selezione degli attributi HTML; cose come href o title.

Answer 2

@tylerh answer è corretto non è possibile attivare in puro css nel modo in cui lo chiedi.

Una soluzione possibile con i CSS è quello di creare una classe CSS generica per gestire gli elementi a livello di blocco come .block-element

e quindi applicare lo stile del margine con

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

Answer 3

C'è un modo semplice per seleziona tutti gli elementi a livello di blocco con CSS?

Per impostazione predefinita, gli elementi non di blocco ignorano i margini. Quindi hai risposto alla tua domanda.