Hoe om WordPress-tema-datum CSS-styl te versteek? div verborge css-styl handleiding

hoe om weg te steekWordPressTema datum CSS styl?

DIV verborge CSS-styl tutoriaal

Chen WeiliangOnlangs is die webwerf-sjabloon verbeter en geoptimaliseer, en dit word ook gedoen om in ag te neemSEOgebruikersondervinding.

hetnuwe mediaMense het gevra:Wat as ons 'n sekere ikoon, datum van 'n WordPress-tema wil versteek?

Die antwoord is om die style met CSS weg te steek:

.r-hide {display：none;}

CSS verborge style kan bereik:

• 1) Versteekte teks
• 2) Versteek hiperskakels (swart skakels)
• 3) Versteek statistiese kode
• 4) Versteek ikoon

Eerstens moet ons CSS-keurders vind.

Wat is CSS-keurders?

Die definisie van elke CSS-styl bestaan ​​uit 2 dele:

选择器{样式}

• Die deel voor {} is die "kieser".
• Die "kieser" dui die "styl" van die {} voorwerp aan.
• Kommentaar oor watter element van die bladsy werk hierdie "styl"?

Hoe om CSS-keurders te vind?

Kode voorbeeld 1

Die volgende is 'n voorbeeld van 'n GIF-animasie. Nadat die CSS-kieser deur die blaaier gevind is, is die datum versteek▼

Kry CSS-keurders time.the-date Voeg daarna die volgende CSS-kode by die style.css-lêer van die WP-tema:

time.the-date {
 display: none;
}

Kode voorbeeld 2

Hier is hoe om 'n element met class="r-hide" te kies en te stileer:

.r-hide {display：none;}

As die WP-tema opsies het, kan u die bogenoemde CSS-kode byvoegWP-tema-opsies → Pas styl aan → pasmaakstyl kode boks.

• Gebruik CSS-stylevertoon: geen;  versteek die gespesifiseerde inhoud,
• Onsigbaar deur die blaaier, verborge inhoud neem nie spasie op nie,
• Word gewoonlik gebruik om JS-effekte te versteek, ikone van statistiese kodes te versteek, ens.

Uitgebreide leesstof:

• " Wat is die verskil tussen CSS-keurderklas en ID? id en klasgebruik in HTML"