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

kako se sakritiWordPressDatum teme CSS stil?

DIV vodič za skriveni CSS stil

Chen WeiliangNedavno je predložak web stranice poboljšan i optimiziran, a i to se radi kako bi se uzelo u obzirSEOkorisničko iskustvo.

Jestenovi medijiLjudi su pitali:Šta ako želimo da sakrijemo određenu ikonu, datum WordPress teme?

Odgovor je da sakrijete 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.

Šta su CSS selektori?

Definicija svakog CSS stila sastoji se od 2 dijela:

选择器{样式}

• Dio ispred {} je "selektor".
• "Selektor" označava "stil" objekta {}.
• Komentari na koji element stranice radi ovaj "stil"?

Kako pronaći CSS selektore?

Primjer koda 1

Slijedi primjer GIF animacije.Nakon pronalaska CSS selektora kroz pretraživač, datum je sakriven▼

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 sa class="r-hide":

.r-hide {display：none;}

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

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

Prošireno čitanje:

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