Jak skrýt styl CSS data motivu WordPress? div skrytý výukový program ve stylu css

jak se schovatWordPressDatum motivu CSS styl?

DIV skrytý kurz CSS stylů

Chen WeiliangV poslední době byla šablona webových stránek vylepšena a optimalizována, a to je také provedeno s ohledemSEOuživatelská zkušenost.

Užnová médiaLidé se ptali:Co když chceme skrýt určitou ikonu, datum tématu WordPress?

Odpověď je skrýt styly pomocí CSS:

.r-hide {display：none;}

Skryté styly CSS mohou dosáhnout:

• 1) Skrytý text
• 2) Skrýt hypertextové odkazy (černé odkazy)
• 3) Skrýt statistický kód
• 4) Skrýt ikonu

Nejprve musíme najít selektory CSS.

Co jsou selektory CSS?

Definice každého CSS stylu se skládá ze 2 částí:

选择器{样式}

• Část před {} je "selektor".
• "Selector" označuje "styl" objektu {}.
• Komentáře ke kterému prvku stránky tento "styl" funguje?

Jak najít selektory CSS?

Příklad kódu 1

Následuje příklad animace GIF: Po nalezení selektoru CSS v prohlížeči se datum skryje▼

Získejte selektory CSS time.the-date Poté přidejte následující kód CSS do souboru style.css motivu WP:

time.the-date {
 display: none;
}

Příklad kódu 2

Zde je návod, jak vybrat a upravit prvek pomocí class="r-hide":

.r-hide {display：none;}

Pokud má téma WP možnosti, můžete přidat výše uvedený kód CSS doMožnosti motivu WP → Přizpůsobit styl → Přizpůsobitstylový kód box.

• Používejte styly CSSdisplej: žádný;  skrýt zadaný obsah,
• Neviditelný přes prohlížeč, skrytý obsah nezabírá místo,
• Obvykle se používá ke skrytí efektů JS, skrytí ikon statistických kódů atd.

Rozšířené čtení:

• " Jaký je rozdíl mezi třídou selektoru CSS a id? použití id a třídy v HTML"