வழிகாட்டிகள்

CSS இல் தோட்டாக்களை அகற்றுவது எப்படி

இயல்பாக, ஒரு வலை உலாவி ஒரு வலைப்பக்கத்தில் வரிசைப்படுத்தப்படாத பட்டியலைக் காண்பிக்கும் போது, ​​பட்டியலில் உள்ள ஒவ்வொரு உருப்படிக்கும் முந்தைய புல்லட் இருக்கும். இந்த நடத்தை எப்போதும் விரும்பத்தக்கதல்ல, மேலும் பக்கத்திற்கான உங்கள் ஒட்டுமொத்த வடிவமைப்போடு பொருந்தாது. CSS ஐப் பயன்படுத்தி, உங்கள் பக்கத்தில் உள்ள குறிப்பிட்ட பட்டியல்களிலிருந்து தோட்டாக்களை அகற்ற நீங்கள் ஒரு வகுப்பை உருவாக்கலாம், அல்லது பக்கத்தின் அனைத்து பட்டியலிலிருந்தும் தோட்டாக்களை அகற்ற HTML “ul” குறிச்சொல்லை நேரடியாக குறிவைக்கலாம்.

1

உரை திருத்தி அல்லது வலை அபிவிருத்தி பயன்பாட்டில் புதிய HTML பக்கத்தை உருவாக்கவும்.

2

பக்க உடலில் பின்வரும் HTML ஐ சேர்ப்பதன் மூலம் எளிய வரிசைப்படுத்தப்படாத பட்டியலை உருவாக்கவும்:

  • பொருள் 1
  • பொருள் 2
  • பொருள் 3

பக்கத்தை சேமித்து வலை உலாவியில் பார்க்கவும். பட்டியலில் உள்ள ஒவ்வொரு உருப்படிக்கும் அடுத்ததாக உலாவி ஒரு புல்லட்டைக் காண்பிப்பதை நீங்கள் காண்பீர்கள்.

3

பக்கத்தின் பிரிவில் பின்வரும் குறியீட்டைச் சேர்க்கவும்:

இது “மைலிஸ்ட்” வகுப்பைப் பயன்படுத்தி எந்த பட்டியலிலிருந்தும் தோட்டாக்களை நீக்குகிறது. மாற்றங்களைக் காண பக்கத்தைச் சேமித்து உங்கள் வலை உலாவியில் மீண்டும் ஏற்றவும்.

4

CSS விதியை மாற்றவும்:

.myList {பட்டியல்-பாணி வகை: எதுவுமில்லை;}

க்கு:

ul {பட்டியல்-பாணி வகை: எதுவுமில்லை; }

இது HTML “ul” குறிச்சொல்லை குறிவைக்கிறது, மேலும் உங்கள் பக்கத்தில் உள்ள அனைத்து வரிசைப்படுத்தப்படாத பட்டியலிலிருந்தும் தோட்டாக்களை நீக்குகிறது. இரண்டாவது எடுத்துக்காட்டு பட்டியலைச் சேர்த்து, இரண்டு பட்டியல்களையும் தோட்டாக்கள் இல்லாமல் காண்பிப்பதை சரிபார்க்க உங்கள் வலை உலாவியில் பக்கத்தைப் பார்க்கவும்.

$config[zx-auto] not found$config[zx-overlay] not found