Kuidas peita WordPressi teema kuupäeva CSS-stiili? div peidetud css-stiili õpetus

Kuidas peita kuupäeva CSS-stiili WordPressi teemas ?

DIV peidetud CSS-stiili õpetus

Chen Weiliang on hiljuti veebisaidi malli täiustanud ja optimeerinud, tehes seda SEO ja kasutajakogemuse arvessevõtmiseks.

Uue meedia professionaal küsis: Kuidas saab WordPressi teemas peita konkreetse ikooni või kuupäeva?

Vastus on stiilide peitmine CSS-iga:

.r-hide {display：none;}

CSS-i peidetud stiilid võivad saavutada:

• 1) Varjatud tekst
• 2) Peida hüperlingid (mustad lingid)
• 3) Peida statistiline kood
• 4) Peida ikoon

Esiteks peame leidma CSS-i valijad.

Mis on CSS-i valijad?

Iga CSS-stiili määratlus koosneb kahest osast:

选择器{样式}

• Osa enne {} on "selektor".
• "Valija" näitab objekti {} "stiili".
• Kommenteerige, millise lehe elemendi kohta see "stiil" töötab?

Kuidas leida CSS-i valijaid?

Koodi näide 1

Järgnev on näide GIF-animatsioonist. Pärast brauseri kaudu CSS-i valija leidmist peidetakse kuupäev.▼

Hankige CSS-i valijad time.the-date Pärast seda lisage WP teema faili style.css järgmine CSS-kood:

time.the-date {
 display: none;
}

Koodi näide 2

Elemendi valimiseks ja stiiliks määramiseks class="r-hide" tehke järgmist.

.r-hide {display：none;}

Kui teie WP-teemal on valikufunktsioon, saate ülaltoodud CSS-koodi lisada koodikasti WP-teema valikud → Kohanda stiili → Kohandatud stiil.

• Kasutage CSS-i stiilekuva: puudub;  peida määratud sisu,
• Brauseri kaudu nähtamatu, peidetud sisu ei võta ruumi,
• Tavaliselt kasutatakse JS-efektide peitmiseks, statistiliste koodide ikoonide peitmiseks jne.

Laiendatud lugemine:

• " Mis vahe on CSS-i valijaklassil ja ID-l? ID ja klassi kasutamine HTML-is"