Cum să ascunzi stilul CSS al temei WordPress? div tutorial de stil css ascuns

cum se ascundeWordPressStilul CSS pentru data temei?

Tutorial de stil CSS ascuns DIV

Chen WeiliangRecent, șablonul site-ului a fost îmbunătățit și optimizat, iar acest lucru se face și pentru a ține contSEOexperiența utilizatorului.

有noi mediaOamenii au întrebat:Ce se întâmplă dacă vrem să ascundem o anumită pictogramă, data unei teme WordPress?

Răspunsul este să ascundeți stilurile cu CSS:

.r-hide {display：none;}

Stilurile ascunse CSS pot realiza:

• 1) Text ascuns
• 2) Ascundeți hyperlinkurile (linkuri negre)
• 3) Ascunde codul statistic
• 4) Ascunde pictograma

În primul rând, trebuie să găsim selectoare CSS.

Ce sunt selectoarele CSS?

Definiția fiecărui stil CSS constă din 2 părți:

选择器{样式}

• Partea dinaintea lui {} este „selectorul”.
• „Selectorul” indică „stilul” obiectului {}.
• Comentarii pe ce element al paginii funcționează acest „stil”?

Cum să găsiți selectoare CSS?

Exemplul de cod 1

Următorul este un exemplu de animație GIF. După ce găsiți selectorul CSS prin browser, data este ascunsă▼

Obțineți selectoare CSS time.the-date După aceea, adăugați următorul cod CSS în fișierul style.css al temei WP:

time.the-date {
 display: none;
}

Exemplul de cod 2

Iată cum să selectați și să stilați un element cu class="r-hide":

.r-hide {display：none;}

Dacă tema WP are opțiuni, puteți adăuga codul CSS de mai sus laOpțiuni teme WP → Personalizare stil → Personalizarecaseta de coduri de stil.

• Utilizați stiluri CSSafișaj: niciunul;  ascunde conținutul specificat,
• Invizibil prin browser, conținutul ascuns nu ocupă spațiu,
• De obicei, folosit pentru a ascunde efectele JS, a ascunde pictogramele codurilor statistice etc.

Lectură suplimentară:

• Care este diferența dintre clasa selector CSS și id? ID-ul și utilizarea clasei în HTMLMatei 22:21