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

Come nascondere lo stile CSS della data in un tema WordPress ?

Tutorial stile CSS nascosto DIV

Chen Weiliang si è recentemente dedicato al perfezionamento e all'ottimizzazione del template del sito web, tenendo conto sia della SEO che dell'esperienza utente.

Un professionista dei nuovi media ha chiesto: Come possiamo nascondere un'icona o una data specifica in 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 tuo tema WordPress dispone di una funzione di opzioni, puoi aggiungere il codice CSS sopra riportato nella casella di codice in Opzioni tema WordPress → Personalizza stile → Stile personalizzato.

• 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".