Come posso rimuovere il selettore CSS ::after aggiunto automaticamente a the_content()?

Question

Come posso rimuovere il selettore CSS ::after aggiunto automaticamente a the_content()?

13 mar 2019, 13:51:50

Visualizzazioni: 18K

Voti: 0

Ho un Custom Post Type che mostra i valori meta dopo the_content() nel frontend, e questo selettore ::after sta creando problemi al mio layout. Il selettore appare sempre subito dopo l'ultimo elemento all'interno di the_content().

bogdan

103

css

Tutte le risposte alla domanda

Commenti

Grazie per la tua risposta! Il problema era dovuto al fatto che ho aggiunto una classe CSS per aggiungere una lettera capitale a un paragrafo in the_content. Ero confuso riguardo all'origine del selettore ::after, dato che non l'ho definito io, ma content: none; ha risolto il problema.

bogdan

13 mar 2019 14:32:31

Jacob Peattie 43.9K · Accepted Answer · 2019-03-13T14:00:01Z

Non ha nulla a che fare con the_content().

::after è un pseudo-elemento aggiunto tramite CSS. Nota che l'elemento ::after negli strumenti di sviluppo è presente solo per facilitare lo sviluppo. Non esiste nel codice sorgente HTML.

Quindi il CSS del tuo tema deve averlo aggiunto all'elemento che avvolge the_content() nel tuo template. Puoi rimuoverlo impostando content: none; sul selettore corrispondente. Ad esempio, se l'elemento che contiene il tuo contenuto è <div class="entry-content">, allora il CSS per rimuoverlo potrebbe essere:

.entry-content::after {
    content: none;
}

Le regole della specificità si applicano comunque, quindi il selettore che usi per rimuoverlo deve essere più specifico di quello che lo ha aggiunto.

Tieni anche presente che il tuo tema probabilmente lo fa per un motivo. Molto spesso elementi come questo vengono usati per pulire i float e prevenire che contenuti allineati con float, come le immagini, escano dall'elemento genitore.