Како да го скриете CSS стилот на датумот на темата на WordPress? Упатство за скриен css стил на div

како да се скриеWordPressДатум на тема CSS стил?

Упатство за скриен CSS стил на DIV

Чен ВајлијангНеодамна, го подобрував и оптимизирав шаблонот на веб-локацијата.Ова треба да се земе предвидОптимизацијакорисничко искуство.

Данови медиумиЛуѓето прашаа:Што ако сакаме да скриеме одредена икона или датум во нашата тема на WordPress?

Одговорот е да се скрие стилот со CSS:

.r-hide {display：none;}

Скриените стилови на CSS можат да постигнат:

• 1) Скриен текст
• 2) Скриена хиперврска (црна врска)
• 3) Скриен код за статистика
• 4) Сокриј ја иконата

Прво, треба да го најдеме избирачот CSS.

Што се CSS селектори?

Дефиницијата на секој CSS стил се состои од 2 дела:

选择器{样式}

• Делот пред {} е „избирач“.
• „Селектор“ го означува објектот „стил“ на {}.
• Мислење На кој елемент од веб-страницата стапува на сила овој „стил“?

Како да најдете CSS селектори?

Код пример 1

Следното е пример за GIF анимација. Откако ќе го пронајдете избирачот CSS преку прелистувачот, датумот се крие ▼

Земете CSS избирач time.the-date Конечно, додајте го следниов CSS код во датотеката style.css на темата WP:

time.the-date {
 display: none;
}

Код пример 2

Еве како да изберете и стилизирате елемент class="r-hide":

.r-hide {display：none;}

Ако темата WP има опции, можете да го додадете горенаведениот CSS кодОпции на тема WP → Приспособен стил → Приспособикутија за стилски код.

• Користете CSS стиловиприказ: нема;  Сокриј ја наведената содржина,
• Не може да се види преку прелистувачот, а скриената содржина не зазема простор.
• Обично се користи за да се сокријат специјалните ефекти на JS, да се сокријат иконите за кодови за статистика итн.

Дополнително читање:

• " Која е разликата помеѓу класата на избирач CSS и id? ИД и употреба на класа во HTML"