Como ocultar o estilo CSS da data do tema de WordPress? Div tutorial de estilo css oculto

como ocultarWordPressEstilo CSS da data do tema?

Tutorial de estilo CSS oculto DIV

Chen WeiliangRecentemente, o modelo do sitio web foi mellorado e optimizado, e isto tamén se fai para telo en contaSEOexperiencia de usuario.

Ternovos mediosA xente preguntou:E se queremos ocultar unha determinada icona, data dun tema de WordPress?

A resposta é ocultar os estilos con CSS:

.r-hide {display：none;}

Os estilos ocultos CSS poden conseguir:

• 1) Texto oculto
• 2) Ocultar hipervínculos (ligazóns negras)
• 3) Ocultar o código estatístico
• 4) Ocultar a icona

En primeiro lugar, necesitamos atopar selectores CSS.

Que son os selectores CSS?

A definición de cada estilo CSS consta de 2 partes:

选择器{样式}

• A parte anterior a {} é o "selector".
• O "selector" indica o "estilo" do obxecto {}.
• Comentarios sobre que elemento da páxina funciona este "estilo"?

Como atopar selectores CSS?

Exemplo de código 1

O seguinte é un exemplo dunha animación GIF. Despois de atopar o selector CSS a través do navegador, a data está oculta▼

Obter selectores CSS time.the-date Despois diso, engade o seguinte código CSS ao ficheiro style.css do tema WP:

time.the-date {
 display: none;
}

Exemplo de código 2

Aquí tes como seleccionar e estilizar un elemento con class="r-hide":

.r-hide {display：none;}

Se o tema WP ten opcións, pode engadir o código CSS anterior aoOpcións do tema WP → Personalizar estilo → Personalizarcaixa de código de estilo.

• Usa estilos CSSvisualización: ningunha;  ocultar o contido especificado,
• Invisible a través do navegador, o contido oculto non ocupa espazo,
• Normalmente úsase para ocultar efectos JS, ocultar iconas de códigos estatísticos, etc.

Lectura ampliada:

• " Cal é a diferenza entre a clase de selector CSS e a identificación? uso de id e clase en HTML"