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

Como ocultar o estilo CSS da data em um tema do WordPress ?

Tutorial de estilo CSS oculto DIV

Recentemente, Chen Weiliang tem trabalhado no aprimoramento e na otimização do modelo do site, levando em consideração o SEO e a experiência do usuário.

Um profissional de mídia digital perguntou: Como podemos ocultar um ícone ou data específica em um tema do 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 seu tema do WordPress tiver uma função de opções, você pode adicionar o código CSS acima à caixa de código em Opções do Tema do WordPress → Personalizar Estilo → Estilo Personalizado.

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