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

com amagar-seWordPressEstil CSS de la data del tema?

Tutorial d'estil CSS ocult DIV

Chen WeiliangRecentment, la plantilla del lloc web s'ha millorat i optimitzat, i això també es fa per tenir-ho en compteSEOExperiència d'usuari.

Tenirnous suportsLa gent va preguntar:Què passa si volem amagar una icona determinada, la data d'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 tema WP té opcions, podeu afegir el codi CSS anterior alOpcions del tema WP → Personalitza l'estil → Personalitzaquadre de codi d'estil.

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