Com amagar l'estil CSS de la data del tema de WordPress? tutorial d'estil css amagat div

Com amagar l'estil CSS de data en un tema de WordPress ?

Tutorial d'estil CSS ocult DIV

Chen Weiliang ha estat recentment refinant i optimitzant la plantilla del lloc web, tenint en compte el SEO i l'experiència de l'usuari.

Un professional dels nous mitjans va preguntar: Com podem amagar una icona o una data específica en un tema de WordPress?

La resposta és amagar els estils amb CSS:

.r-hide {display：none;}

Els estils ocults CSS poden aconseguir:

• 1) Text ocult
• 2) Amaga els hiperenllaços (enllaços negres)
• 3) Amaga el codi estadístic
• 4) Amaga la icona

Primer, hem de trobar selectors CSS.

Què són els selectors CSS?

La definició de cada estil CSS consta de 2 parts:

选择器{样式}

• La part abans de {} és el "selector".
• El "selector" indica l'"estil" de l'objecte {}.
• Comentaris sobre quin element de la pàgina funciona aquest "estil"?

Com trobar selectors CSS?

Exemple de codi 1

El següent és un exemple d'animació GIF. Després de trobar el selector CSS al navegador, la data s'amaga▼

Obteniu selectors CSS time.the-date Després d'això, afegiu el codi CSS següent al fitxer style.css del tema WP:

time.the-date {
 display: none;
}

Exemple de codi 2

A continuació s'explica com seleccionar i estilitzar un element amb class="r-hide":

.r-hide {display：none;}

Si el vostre tema WP té una funció d'opció, podeu afegir el codi CSS anterior al quadre de codi a Opcions del tema WP → Personalitza l'estil → Estil personalitzat.

• Utilitzeu estils CSSpantalla: cap;  amagar el contingut especificat,
• Invisible a través del navegador, el contingut ocult no ocupa espai,
• Normalment s'utilitza per ocultar efectes JS, amagar icones de codis estadístics, etc.

Lectura ampliada:

• " Quina diferència hi ha entre la classe de selector CSS i l'identificador? ús d'identificador i classe en HTML"