Come nascondere lo stile CSS della data del tema WordPress? tutorial in stile CSS nascosto div

come nascondersiWordPressStile CSS della data del tema?

Tutorial stile CSS nascosto DIV

Chen WeiangDi recente, il modello del sito Web è stato migliorato e ottimizzato, e anche questo viene fatto per tenerne contoGestione SEOesperienza utente.

有nuovi mediaLa gente ha chiesto:E se volessimo nascondere una determinata icona, la data di un tema WordPress?

La risposta è nascondere gli stili con CSS:

.r-hide {display：none;}

Gli stili nascosti CSS possono ottenere:

• 1) Testo nascosto
• 2) Nascondi collegamenti ipertestuali (collegamenti neri)
• 3) Nascondi il codice statistico
• 4) Nascondi icona

Innanzitutto, dobbiamo trovare i selettori CSS.

Cosa sono i selettori CSS?

La definizione di ogni stile CSS è composta da 2 parti:

选择器{样式}

• La parte prima di {} è il "selettore".
• Il "selettore" indica lo "stile" dell'oggetto {}.
• Commenti su quale elemento della pagina funziona questo "stile"?

Come trovare i selettori CSS?

Esempio di codice 1

Quello che segue è un esempio di animazione GIF: dopo aver trovato il selettore CSS attraverso il browser, la data viene nascosta▼

Ottieni selettori CSS time.the-date Successivamente, aggiungi il seguente codice CSS al file style.css del tema WP:

time.the-date {
 display: none;
}

Esempio di codice 2

Ecco come selezionare e dare uno stile a un elemento con class="r-hide":

.r-hide {display：none;}

Se il tema WP ha opzioni, puoi aggiungere il codice CSS sopra al fileOpzioni del tema WP → Personalizza stile → Personalizzacasella codice stile.

• Usa gli stili CSSdisplay: nessuno;  nascondere il contenuto specificato,
• Invisibili attraverso il browser, i contenuti nascosti non occupano spazio,
• Solitamente utilizzato per nascondere gli effetti JS, nascondere le icone dei codici statistici, ecc.

Lettura estesa:

• " Qual è la differenza tra classe e id del selettore CSS? id e utilizzo della classe in HTML"