Wéi verstoppen ech WordPress Thema Datum CSS Stil? div hidden css style tutorial

wéi ze verstoppenWordPressThema Datum CSS Stil?

DIV verstoppt CSS Stil Tutorial

Chen WeiliangViru kuerzem hunn ech d'Websäit Schabloun verbessert an optiméiert, dat soll och Rechnung gedroe ginnAm PrinzipBenotzer Erfahrung.

Huetnei MedienD'Leit hunn gefrot:Wat wa mir eng gewëssen Ikon oder Datum an eisem WordPress Thema verstoppen wëllen?

D'Äntwert ass de Stil mat CSS ze verstoppen:

.r-hide {display：none;}

CSS verstoppte Stiler kënnen erreechen:

• 1) Verstoppt Text
• 2) Hidden Hyperlink (schwaarze Link)
• 3) Hidden Statistiken Code
• 4) Ikon verstoppen

Als éischt musse mir den CSS Selector fannen.

Wat sinn CSS Selektoren?

D'Definitioun vun all CSS Stil besteet aus 2 Deeler:

选择器{样式}

• Den Deel virum {} ass de "selector".
• "Selector" weist den "Stil" Objet vun {} un.
• Meenung Op wéi engem Element vun der Websäit wierkt dësen "Stil"?

Wéi fannt Dir CSS Selektor?

Code Beispill 1

Folgend ass e Beispill vun enger GIF Animatioun. Nom CSS Selector duerch de Browser fonnt gëtt, ass den Datum verstoppt▼

Kritt CSS Selector time.the-date Füügt endlech de folgenden CSS Code an d'WP-Thema style.css Datei:

time.the-date {
 display: none;
}

Code Beispill 2

Hei ass wéi Dir e Class="r-hide" Element wielt a stiléiert:

.r-hide {display：none;}

Wann d'WP Thema Optiounen huet, kënnt Dir den uewe genannte CSS Code derbäiWP Thema Optiounen → Benotzerdefinéiert Stil → CustomizeStil Code Këscht.

• Benotzt CSS Stileraffichéieren: kee;  Verstoppt de spezifizéierte Inhalt,
• Et kann net duerch de Browser gesi ginn, a verstoppt Inhalt huelen net Plaz.
• Normalerweis benotzt fir JS Spezialeffekter ze verstoppen, Statistikcode Ikonen, etc.

Verlängert Liesung:

• " Wat ass den Ënnerscheed tëscht CSS Selektor Klass an ID? id a Klass Benotzung an HTML"