Hvordan skjuler man WordPress temadato CSS-stil? div skjult css stil tutorial

hvordan man gemmer sigWordPressTemadato CSS-stil?

DIV skjult CSS-stil tutorial

Chen WeiliangPå det seneste er hjemmesideskabelonen blevet forbedret og optimeret, og det er også gjort for at tage hensynSEObrugererfaring.

harnye medierFolk spurgte:Hvad hvis vi vil skjule et bestemt ikon, datoen for et WordPress-tema?

Svaret er at skjule stilene med CSS:

.r-hide {display：none;}

CSS skjulte stilarter kan opnå:

• 1) Skjult tekst
• 2) Skjul hyperlinks (sorte links)
• 3) Skjul statistisk kode
• 4) Skjul ikon

Først skal vi finde CSS-vælgere.

Hvad er CSS-vælgere?

Definitionen af ​​hver CSS-stil består af 2 dele:

选择器{样式}

• Delen før {} er "vælgeren".
• "Vælgeren" angiver "stilen" for objektet {}.
• Kommentarer til hvilket element på siden fungerer denne "stil"?

Hvordan finder man CSS-vælgere?

Kode eksempel 1

Det følgende er et eksempel på en GIF-animation. Efter at have fundet CSS-vælgeren gennem browseren, er datoen skjult▼

Få CSS-vælgere time.the-date Tilføj derefter følgende CSS-kode til style.css-filen i WP-temaet:

time.the-date {
 display: none;
}

Kode eksempel 2

Sådan vælger og styles et element med class="r-hide":

.r-hide {display：none;}

Hvis WP-temaet har muligheder, kan du tilføje ovenstående CSS-kode tilWP-temaindstillinger → Tilpas stil → Tilpasstilkodeboks.

• Brug CSS-stiledisplay: ingen;  skjule det angivne indhold,
• Usynligt gennem browseren, skjult indhold fylder ikke,
• Bruges normalt til at skjule JS-effekter, skjule ikoner for statistiske koder osv.

Udvidet læsning:

• " Hvad er forskellen mellem CSS-vælgerklasse og id? id og klassebrug i HTML"