Ako skryť štýl CSS dátumu témy WordPress? div skrytý tutoriál css štýlu

ako sa skryťWordPressDátum témy CSS štýl?

DIV skrytý návod na štýl CSS

Chen WeiliangNedávno bola šablóna webovej stránky vylepšená a optimalizovaná, čo sa tiež robí s prihliadnutímSEOpoužívateľskú skúsenosť.

maťnové médiáĽudia sa pýtali:Čo ak chceme skryť určitú ikonu, dátum témy WordPress?

Odpoveďou je skryť štýly pomocou CSS:

.r-hide {display：none;}

Skryté štýly CSS môžu dosiahnuť:

• 1) Skrytý text
• 2) Skryť hypertextové odkazy (čierne odkazy)
• 3) Skryť štatistický kód
• 4) Skryť ikonu

Najprv musíme nájsť selektory CSS.

Čo sú selektory CSS?

Definícia každého CSS štýlu pozostáva z 2 častí:

选择器{样式}

• Časť pred {} je "selektor".
• "Výber" označuje "štýl" objektu {}.
• Komentáre, na ktorom prvku stránky tento "štýl" funguje?

Ako nájsť selektory CSS?

Príklad kódu 1

Nasleduje príklad animácie GIF. Po nájdení selektora CSS v prehliadači sa dátum skryje▼

Získajte selektory CSS time.the-date Potom pridajte nasledujúci kód CSS do súboru style.css témy WP:

time.the-date {
 display: none;
}

Príklad kódu 2

Tu je postup, ako vybrať a naštylizovať prvok s class="r-hide":

.r-hide {display：none;}

Ak má téma WP možnosti, môžete do súboru pridať vyššie uvedený kód CSSMožnosti témy WP → Prispôsobiť štýl → Prispôsobiťštýlový kódový box.

• Používajte štýly CSSdisplej: žiadny;  skryť zadaný obsah,
• Neviditeľný cez prehliadač, skrytý obsah nezaberá miesto,
• Zvyčajne sa používa na skrytie efektov JS, skrytie ikon štatistických kódov atď.

Ďalšie čítanie:

• " Aký je rozdiel medzi triedou selektora CSS a ID? použitie id a triedy v HTML"