வேர்ட்பிரஸ் தீம் தேதி CSS பாணியை மறைப்பது எப்படி? div மறைக்கப்பட்ட css பாணி பயிற்சி

எப்படி மறைக்க வேண்டும்வேர்ட்பிரஸ்தீம் தேதி CSS பாணி?

DIV மறைக்கப்பட்ட CSS பாணி பயிற்சி

சென் வெலியாங்சமீபத்தில், இணையதள டெம்ப்ளேட் மேம்படுத்தப்பட்டு மேம்படுத்தப்பட்டது, மேலும் இது கணக்கில் எடுத்துக்கொள்ளப்பட்டதுஎஸ்சிஓபயனர் அனுபவம்.

வேண்டும்புதிய ஊடகங்கள்மக்கள் கேட்டார்கள்:ஒரு குறிப்பிட்ட ஐகானை, ஒரு வேர்ட்பிரஸ் தீமின் தேதியை நாம் மறைக்க விரும்பினால் என்ன செய்வது?

பதில் 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 இல் ஐடி மற்றும் வகுப்பு பயன்பாடு"