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

kuidas varjataWordPressTeema kuupäeva CSS-stiilis?

DIV peidetud CSS-stiili õpetus

Chen WeiliangViimasel ajal on veebilehe malli täiustatud ja optimeeritud ning seda tehakse ka selleks, et arvestadaSEOkasutajakogemus.

有uus meediaInimesed küsisid:Mis siis, kui tahame peita WordPressi teema teatud ikooni, 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 WP teemal on valikud, saate ülaltoodud CSS-koodi lisadaWP teema valikud → Kohanda stiili → Kohandastiilikoodi kast.

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