Hur döljer man WordPress tema datum CSS-stil? div gömd css-stil handledning

Hur döljer man CSS-stilen för datum i ett WordPress- tema?

DIV gömd CSS-stil handledning

Chen Weiliang har nyligen förfinat och optimerat webbmallen för att ta hänsyn till SEO och användarupplevelse.

En ny medieexpert frågade: Hur kan vi dölja en specifik ikon eller ett datum i ett WordPress-tema?

Svaret är att dölja stilarna med CSS:

.r-hide {display：none;}

CSS dolda stilar kan uppnå:

• 1) Dold text
• 2) Dölj hyperlänkar (svarta länkar)
• 3) Dölj statistisk kod
• 4) Dölj ikon

Först måste vi hitta CSS-väljare.

Vad är CSS-väljare?

Definitionen av varje CSS-stil består av 2 delar:

选择器{样式}

• Delen före {} är "väljaren".
• "Väljaren" indikerar "stilen" för {}-objektet.
• Kommentarer om vilket element på sidan fungerar denna "stil"?

Hur hittar man CSS-väljare?

Kodexempel 1

Följande är ett exempel på en GIF-animation. Efter att ha hittat CSS-väljaren via webbläsaren är datumet dolt▼

Skaffa CSS-väljare time.the-date Efter det lägger du till följande CSS-kod till style.css-filen för WP-temat:

time.the-date {
 display: none;
}

Kodexempel 2

Så här väljer du och stilar ett element med class="r-hide":

.r-hide {display：none;}

Om ditt WP-tema har en tillvalsfunktion kan du lägga till ovanstående CSS-kod i kodrutan i WP-temainställningar → Anpassa stil → Anpassad stil.

• Använd CSS-stilardisplay: ingen;  dölj det angivna innehållet,
• Osynligt genom webbläsaren, dolt innehåll tar inte upp plats,
• Används vanligtvis för att dölja JS-effekter, dölja ikoner för statistiska koder, etc.

Utökad läsning:

• " Vad är skillnaden mellan CSS-väljarklass och id? id och klassanvändning i HTML"