Cum pot elimina selectorul CSS ::after care este adăugat automat la the_content()?

Question

Cum pot elimina selectorul CSS ::after care este adăugat automat la the_content()?

13 mar. 2019, 13:51:50

Vizualizări: 18K

Voturi: 0

Am un CPT (Custom Post Type) care afișează meta valori după the_content() în front-end, iar acest selector ::after interferează cu aspectul meu. Selectorul apare întotdeauna imediat după ultimul element din interiorul the_content().

bogdan

103

css

Toate răspunsurile la întrebare

Comentarii

Mulțumesc pentru răspuns! Problema a fost că am adăugat o clasă CSS pentru a adăuga un drop-cap unui paragraf în the_content. Am fost confuz în legătură cu proveniența selectorului ::after deoarece nu l-am definit eu, dar content: none; a rezolvat problema.

bogdan

13 mar. 2019 14:32:31

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

Nu are nicio legătură cu the_content().

::after este un pseudo-element adăugat prin CSS. Rețineți că elementul ::after din instrumentele de dezvoltare este prezent doar pentru a facilita dezvoltarea. Acesta nu există în codul sursă HTML.

Deci, CSS-ul temei tale adaugă acest pseudo-element oricărui element care învelește the_content() în template-ul tău. Îl poți elimina setând content: none; pe selectorul corespunzător. De exemplu, dacă elementul care învelește conținutul tău este <div class="entry-content">, atunci CSS-ul pentru eliminarea lui ar putea fi:

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

Regulile specificității se aplică totuși, deci selectorul pe care îl folosești pentru eliminare trebuie să fie mai specific decât cel care l-a adăugat.

De asemenea, reține că tema ta face acest lucru probabil dintr-un motiv. Cel mai des, astfel de elemente sunt folosite pentru a curăța float-urile și pentru a preveni ieșirea conținutului aliniat cu float (cum ar fi imaginile) în afara elementului părinte.