WordPress тақырыбының CSS стилін қалай жасыруға болады? div жасырын CSS стилінің оқулығы

қалай жасыру керекWordPressТақырып күні CSS стилі?

DIV жасырын CSS стилінің оқулығы

Чен ВэйлянЖақында веб-сайт үлгісі жетілдірілді және оңтайландырылды, бұл да ескеру үшін жасалдыSEOпайдаланушы тәжірибесі.

Боладыжаңа медиаАдамдар сұрады:Белгілі бір белгішені, WordPress тақырыбының күнін жасырғымыз келсе ше?

Жауап стильдерді CSS көмегімен жасыру болып табылады:

.r-hide {display：none;}

CSS жасырын стильдері мыналарға қол жеткізе алады:

• 1) Жасырын мәтін
• 2) Гиперсілтемелерді жасыру (қара сілтемелер)
• 3) Статистикалық кодты жасыру
• 4) Белгішені жасыру

Біріншіден, біз CSS селекторларын табуымыз керек.

CSS селекторлары дегеніміз не?

Әрбір CSS стилінің анықтамасы 2 бөліктен тұрады:

选择器{样式}

• {} алдында тұрған бөлік "таңдаушы" болып табылады.
• "Таңдаушы" {} нысанының "стильін" көрсетеді.
• Бұл «стиль» беттің қай элементінде жұмыс істейді?

CSS селекторларын қалай табуға болады?

Код мысалы 1

Төменде GIF анимациясының мысалы берілген. Браузер арқылы CSS селекторын тапқаннан кейін күн жасырылады▼

CSS селекторларын алыңыз time.the-date Осыдан кейін WP тақырыбының style.css файлына келесі CSS кодын қосыңыз:

time.the-date {
 display: none;
}

Код мысалы 2

Мұнда class="r-hide" элементі бар элементті таңдау және стильдеу жолы берілген:

.r-hide {display：none;}

WP тақырыбында опциялар болса, жоғарыдағы CSS кодын қосуға боладыWP тақырып опциялары → Стильді теңшеу → Теңшеустиль коды терезесі.

• CSS мәнерлерін пайдаланыңызкөрсету: жоқ;  көрсетілген мазмұнды жасыру,
• Браузер арқылы көрінбейтін, жасырын мазмұн орын алмайды,
• Әдетте JS эффектілерін жасыру, статистикалық кодтардың белгішелерін жасыру және т.б.

Кеңейтілген оқу:

• « CSS селектор класы мен идентификатордың айырмашылығы неде? HTML тіліндегі идентификатор мен сыныпты пайдалану«