Kako sakriti CSS stil datuma WordPress teme? div skriveni vodič za css stil

kako se sakritiWordPressCSS stil datuma teme?

Vodič za DIV skriveni CSS stil

Chen WeiliangNedavno je predložak web stranice poboljšan i optimiziran, a to se također uzima u obzirSEOkorisničko iskustvo.

有novi medijiLjudi su pitali:Što ako želimo sakriti određenu ikonu, datum WordPress teme?

Odgovor je sakriti stilove pomoću CSS-a:

.r-hide {display：none;}

CSS skriveni stilovi mogu postići:

• 1) Skriveni tekst
• 2) Sakrij hiperveze (crne veze)
• 3) Sakrij statistički kod
• 4) Sakrij ikonu

Prvo moramo pronaći CSS selektore.

Što su CSS selektori?

Definicija svakog CSS stila sastoji se od 2 dijela:

选择器{样式}

• Dio prije {} je "selektor".
• "Selektor" označava "stil" objekta {}.
• Komentari na kojem elementu stranice funkcionira ovaj "stil"?

Kako pronaći CSS selektore?

Primjer koda 1

Slijedi primjer GIF animacije. Nakon pronalaska CSS selektora putem preglednika, datum je skriven▼

Nabavite CSS selektore time.the-date Nakon toga dodajte sljedeći CSS kod u style.css datoteku WP teme:

time.the-date {
 display: none;
}

Primjer koda 2

Evo kako odabrati i stilizirati element s class="r-hide":

.r-hide {display：none;}

Ako WP tema ima opcije, možete dodati gornji CSS kod uOpcije WP teme → Prilagodi stil → Prilagodiokvir stilskog koda.

• Koristite CSS stiloveprikaz: nijedan;  sakriti navedeni sadržaj,
• Nevidljiv kroz preglednik, skriveni sadržaj ne zauzima prostor,
• Obično se koristi za skrivanje JS efekata, skrivanje ikona statističkih kodova itd.

Prošireno čitanje:

• " Koja je razlika između klase CSS selektora i id-a? korištenje id-a i klase u HTML-u"