CSS இல் உள்ளடக்கத்தை மாற்றுவது பற்றி இந்த பதிவு உங்களுக்கு வழிகாட்டும்.
CSS இல் உள்ளடக்கத்தை மாற்றுவது எப்படி?
CSS இல் உள்ளடக்கத்தை மாற்ற, பின்வரும் முறைகளைப் பயன்படுத்துவோம்:
ஒவ்வொரு முறையையும் ஒவ்வொன்றாகப் பார்ப்போம்!
முறை 1: CSS இல் உள்ளடக்கத்தை மாற்றுவதற்கு ::ஆஃப்டர் செலக்டர் உடன் உள்ளடக்க சொத்தை பயன்படுத்தவும்
' :: பிறகு CSS ஐப் பயன்படுத்தி HTML உறுப்புக்குப் பிறகு குறிப்பிட்ட உள்ளடக்கத்தை தேர்வாளர் வைக்கிறார் உள்ளடக்கம் ”சொத்து. தேர்ந்தெடுக்கப்பட்ட உறுப்புடன் உள்ளடக்கத்தைச் சேர்ப்பதில் இந்த செயல்பாடு உதவுகிறது. கூடுதலாக, ' காட்சி 'தற்போதுள்ள உள்ளடக்கத்தை மறைக்க சொத்து பயன்படுத்தப்படலாம்.
::ஆஃப்டர் செலக்டரைப் பயன்படுத்தி CSS இல் உள்ள உள்ளடக்கத்தை எப்படி மாற்றுவது என்பதைப் புரிந்துகொள்ள கீழேயுள்ள உதாரணத்தைப் பார்க்கலாம்.
உதாரணமாக
' என்ற உரையுடன் எங்கள் HTML பக்கம் இங்கே உள்ளது காலை வணக்கம்!!! ”. சேர்க்கப்பட்ட உள்ளடக்கத்தை மாற்றுவோம்:
தற்போது, நாங்கள் சேர்த்துள்ளோம் ' 'எங்கள் HTML கோப்பின் உடல் பிரிவில் உரையுடன் குறிச்சொல்:
< ப > காலை வணக்கம்!!! < / ப >எங்கள் CSS கோப்பில், நாம் இப்போது ::ஆஃப்டர் தேர்வியை “ எனப் பயன்படுத்துவோம் உடல்::பின் 'மற்றும்' பயன்படுத்தவும் உள்ளடக்கம் 'மதிப்பு கொண்ட சொத்து' மாலை வணக்கம் ” அதன் வரையறைக்குள். இதன் விளைவாக, CSS தேர்வி எழுதப்பட்ட உரைக்குப் பிறகு உரையை வைக்கும். கடைசியாக, '' ஐப் பயன்படுத்தி ஏற்கனவே உள்ள உரையை மறைக்கவும் காட்சி 'சொத்து மற்றும் அதன் மதிப்பை அமைக்கவும்' எதுவும் இல்லை ”:
< பாணி >உடல்::பின் {
உள்ளடக்கம் : 'மாலை வணக்கம்' ;
}
ப {
காட்சி: எதுவுமில்லை;
}
< / பாணி >
இப்போது, உங்கள் HTML கோப்பைச் சேமித்து, உலாவியில் திறக்கவும் அல்லது பயன்படுத்தவும் “லைவ் சர்வர் 'அதே நோக்கத்திற்காக:
நீங்கள் பார்க்க முடியும் என, உள்ளடக்கம் வெற்றிகரமாக மாற்றப்பட்டது :: after CSS தேர்வி:
முறை 2: CSS இல் உள்ள உள்ளடக்கத்தை மாற்ற:
CSS இல், ' ::முன் 'உறுப்பின் தற்போதைய உள்ளடக்கத்திற்கு முன்பே உள்ளடக்கம் தோன்றுவதற்கு தேர்வாளர் பயன்படுத்தப்படுகிறது. இது '' உடன் இணைந்து பயன்படுத்தப்படலாம். உள்ளடக்கம் 'தேர்ந்தெடுக்கப்பட்ட உறுப்புக்கு புதிய உள்ளடக்கத்தைச் சேர்ப்பதற்கான சொத்து.
உதாரணமாக
:: தேர்வாளரின் முன், உடலுக்குப் பின் '' எனக் குறிப்பிடவும் உடல்::முன் ”. இது புதிய உள்ளடக்கத்தை ஏற்கனவே உள்ள உள்ளடக்கத்திற்கு முன் வைக்கும். மற்ற எல்லா பண்புகளும் முந்தைய எடுத்துக்காட்டில் உள்ளதைப் போலவே இருக்கும் என்பதை நினைவில் கொள்க:
< பாணி >உடல்::முன் {
உள்ளடக்கம் : 'மாலை வணக்கம்' ;
}
ப {
காட்சி: எதுவுமில்லை;
}
< / பாணி >
வெளியீடு
CSS இல் உள்ள உள்ளடக்கத்தை மாற்றுவதற்கான பல்வேறு முறைகளை நாங்கள் விளக்கியுள்ளோம்.
முடிவுரை
உள்ளடக்கத்தை மாற்ற, ' :: பிறகு 'மற்றும்' ::முன் 'CSS தேர்வாளர்கள்' உடன் பயன்படுத்தப்படுகின்றன உள்ளடக்கம் ”சொத்து. முதல் அணுகுமுறையில், தேர்ந்தெடுக்கப்பட்ட உறுப்புக்குப் பிறகு குறிப்பிடப்பட்ட உரை சேர்க்கப்படும், அதேசமயம் இரண்டாவது CSS தேர்வி எதிர்மாறாகச் செயல்படுகிறது. மேலும், ' காட்சி ஒரு தனிமத்தின் தற்போதைய உள்ளடக்கத்தை மறைக்க சொத்து பயன்படுத்தப்படலாம். இப்படித்தான் CSSல் உள்ளடக்கம் முற்றிலும் மாற்றப்படுகிறது. CSS இல் உள்ளடக்கத்தை மாற்றுவதற்கான இரண்டு முறைகளை நாங்கள் உள்ளடக்கியுள்ளோம்.