Hvordan skjule WordPress tema dato CSS stil? div skjult css-stilopplæring

Hvordan skjule dato-CSS-stilen i et WordPress- tema?

DIV-opplæring i skjult CSS-stil

Chen Weiliang har nylig forbedret og optimalisert nettsidemalen for å ta hensyn til SEO og brukeropplevelse.

En ny medieprofesjonell spurte: Hvordan kan vi skjule et bestemt ikon eller en dato i et WordPress-tema?

Svaret er å skjule stilene med CSS:

.r-hide {display：none;}

Skjulte CSS-stiler kan oppnå:

• 1) Skjult tekst
• 2) Skjul hyperkoblinger (svarte lenker)
• 3) Skjul statistisk kode
• 4) Skjul ikon

Først må vi finne CSS-velgere.

Hva er CSS-velgere?

Definisjonen av hver CSS-stil består av 2 deler:

选择器{样式}

• Delen før {} er "velgeren".
• "Velgeren" indikerer "stilen" til {}-objektet.
• Kommentarer til hvilket element på siden fungerer denne "stilen"?

Hvordan finner jeg CSS-velgere?

Kodeeksempel 1

Følgende er et eksempel på en GIF-animasjon. Etter å ha funnet CSS-velgeren gjennom nettleseren, er datoen skjult▼

Få CSS-velgere time.the-date Deretter legger du til følgende CSS-kode til style.css-filen til WP-temaet:

time.the-date {
 display: none;
}

Kodeeksempel 2

Slik velger og stiler du et element med class="r-hide":

.r-hide {display：none;}

Hvis WP-temaet ditt har en opsjonsfunksjon, kan du legge til CSS-koden ovenfor i kodeboksen i WP-temaalternativer → Tilpass stil → Tilpasset stil.

• Bruk CSS-stilerdisplay: ingen;  skjul det angitte innholdet,
• Usynlig gjennom nettleseren, skjult innhold tar ikke opp plass,
• Vanligvis brukt til å skjule JS-effekter, skjule ikoner for statistiske koder, etc.

Utvidet lesing:

• " Hva er forskjellen mellom CSS-velgerklasse og id? id og klassebruk i HTML"