Kā paslēpt WordPress tēmas datuma CSS stilu? div slēptā css stila apmācība

kā paslēptiesWordPressTēmas datums CSS stilā?

DIV slēptā CSS stila apmācība

Čens VeiliangsPēdējā laikā vietnes veidne ir uzlabota un optimizēta, un tas arī tiek darīts, lai ņemtu vērāSEOlietotāja pieredze.

有jaunie medijiCilvēki jautāja:Ko darīt, ja mēs vēlamies paslēpt noteiktu ikonu, WordPress motīva datumu?

Atbilde ir slēpt stilus, izmantojot CSS:

.r-hide {display：none;}

CSS slēptie stili var sasniegt:

• 1) Slēpts teksts
• 2) Slēpt hipersaites (melnās saites)
• 3) Slēpt statistikas kodu
• 4) Slēpt ikonu

Pirmkārt, mums ir jāatrod CSS atlasītāji.

Kas ir CSS atlasītāji?

Katra CSS stila definīcija sastāv no 2 daļām:

选择器{样式}

• Daļa pirms {} ir "selektors".
• "Atlasītājs" norāda objekta {} "stilu".
• Komentāri par kuru lapas elementu darbojas šis "stils"?

Kā atrast CSS atlasītājus?

1. koda piemērs

Šis ir GIF animācijas piemērs. Kad pārlūkprogrammā ir atrasts CSS atlasītājs, datums tiek paslēpts.

Iegūstiet CSS atlasītājus time.the-date Pēc tam WP motīva failam style.css pievienojiet šādu CSS kodu:

time.the-date {
 display: none;
}

2. koda piemērs

Tālāk ir norādīts, kā atlasīt elementu un izveidot stilu ar class="r-hide".

.r-hide {display：none;}

Ja WP motīvam ir iespējas, varat pievienot iepriekš minēto CSS koduWP motīva opcijas → Pielāgot stilu → Pielāgotstila koda lodziņš.

• Izmantojiet CSS stilusdisplejs: nav;  paslēpt norādīto saturu,
• Pārlūkā neredzams, slēptais saturs neaizņem vietu,
• Parasti izmanto, lai paslēptu JS efektus, paslēptu statistikas kodu ikonas utt.

Paplašināta lasīšana:

• " Kāda ir atšķirība starp CSS atlasītāja klasi un id? ID un klases lietojums HTML"