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

hvordan gjemme segWordPressTemadato CSS-stil?

DIV-opplæring i skjult CSS-stil

Chen WeiliangNylig har nettsidemalen blitt forbedret og optimalisert, og dette er også gjort for å ta hensynSEOBrukererfaring.

有ny MediaFolk spurte:Hva om vi ønsker å skjule et bestemt ikon, dato for 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 har alternativer, kan du legge til CSS-koden ovenfor tilWP-temaalternativer → Tilpass stil → Tilpassstilkodeboks.

• 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"