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

como esconderWordPressEstilo CSS da data do tema?

Tutorial de estilo CSS oculto DIV

Chen WeiliangRecentemente, o modelo do site foi aprimorado e otimizado, e isso também é feito para levar em consideraçãoSEOexperiência de usuário.

有Novas mídiasAs pessoas perguntaram:E se quisermos ocultar um determinado ícone, data de um tema WordPress?

A resposta é ocultar os estilos com CSS:

.r-hide {display：none;}

Estilos ocultos CSS podem alcançar:

• 1) Texto oculto
• 2) Ocultar hiperlinks (links pretos)
• 3) Ocultar código estatístico
• 4) Ocultar ícone

Primeiro, precisamos encontrar seletores CSS.

O que são seletores CSS?

A definição de cada estilo CSS consiste em 2 partes:

选择器{样式}

• A parte antes de {} é o "seletor".
• O "seletor" indica o "estilo" do objeto {}.
• Comentários sobre qual elemento da página esse "estilo" funciona?

Como encontrar seletores CSS?

Exemplo de código 1

Veja a seguir um exemplo de animação GIF. Depois de encontrar o seletor CSS no navegador, a data é ocultada▼

Obter seletores CSS time.the-date Depois disso, adicione o seguinte código CSS ao arquivo style.css do tema WP:

time.the-date {
 display: none;
}

Exemplo de código 2

Veja como selecionar e estilizar um elemento com class="r-hide":

.r-hide {display：none;}

Se o tema WP tiver opções, você pode adicionar o código CSS acima aoOpções de tema WP → Personalizar estilo → Personalizarcaixa de código de estilo.

• Usar estilos CSSMostrar nenhum;  ocultar o conteúdo especificado,
• Invisível através do navegador, o conteúdo oculto não ocupa espaço,
• Geralmente usado para ocultar efeitos JS, ocultar ícones de códigos estatísticos, etc.

Leitura estendida:

• " Qual é a diferença entre classe seletora CSS e id? id e uso de classe em HTML"