மற்றொரு CSS வகுப்பினுள் ஒரு CSS வகுப்பை எவ்வாறு குறிவைப்பது

”. பின்னர், கூடுதல் பயன்பாட்டிற்கு வகுப்பு பண்புக்கூறை ஒதுக்கவும்.

படி 2: உள்ளமைக்கப்பட்ட 'டிவ்' கொள்கலன்களை உருவாக்கவும்

அடுத்து, படி 1 இன் அதே நடைமுறையைப் பின்பற்றி உள்ளமைக்கப்பட்ட div கொள்கலன்களை உருவாக்கவும்:

< div வர்க்கம் = 'முக்கிய உள்ளடக்கம்' >

< div வர்க்கம் = 'மேசை' >

< div வர்க்கம் = 'வரிசை' >

< div வர்க்கம் = 'சி-இடது' > திருமணம் செய்துகொள் < / div >

< div வர்க்கம் = 'சி-வலது' > ஜாக் < / div >

< div வர்க்கம் = 'சி-இடது' > டாம் < / div >

< div வர்க்கம் = 'சி-வலது' > ஜூலை < / div >

< / div >

< / div >

< / div >

வெளியீடு

---

---

படி 3: முதன்மை 'டிவ்' கொள்கலனில் ஸ்டைலிங் பயன்படுத்தவும்

பிரதானத்தை அணுகவும் ' div '' என வகுப்புப் பெயரின் உதவியுடன் கொள்கலன் .முக்கிய-உள்ளடக்கம் ”:

.முக்கிய-உள்ளடக்கம் {

அகலம் : 40% ;

விளிம்பு : 0 ஆட்டோ ;

நிறம் : நீலம் ;

எல்லை : 2px புள்ளியிடப்பட்ட நீலம் ;

உரை-சீரமைப்பு : மையம் ;

}

இங்கே:

• ' அகலம் 'உறுப்பின் அகல அளவைக் குறிப்பிடுகிறது.
• ' விளிம்பு ” வரையறுக்கப்பட்ட எல்லைக்கு வெளியே உறுப்பைச் சுற்றி இடத்தை ஒதுக்குகிறது.
• ' நிறம் ”உறுப்பில் சேர்க்கப்பட்ட உரைக்கான நிறத்தை வரையறுக்கிறது.
• ' எல்லை ” HTML இல் உள்ள உறுப்பைச் சுற்றி ஒரு அவுட்லைன் அல்லது எல்லையை வரையறுக்கிறது.
• ' உரை-சீரமைப்பு 'உறுப்பின் உரையின் சீரமைப்பை வரையறுக்கிறது.

படி 4: மற்றொரு வகுப்பை வடிவமைக்கவும்

CSS முதன்மை வகுப்பு மற்றும் பிற உள்ளமை வகுப்புகளின் பெயர்களைப் பயன்படுத்தி அவற்றை அணுகவும். பின்னர், உங்கள் விருப்பப்படி மதிப்பைக் குறிப்பிடுவதன் மூலம் கொள்கலனின் அகலத்தை அமைக்கவும்:

.முக்கிய-உள்ளடக்கம் .மேசை {

அகலம் : 80% ;

}

மேலும், மேலே உள்ள அதே நடைமுறையைப் பின்பற்றி மற்ற வகுப்பை அணுகவும் மற்றும் கீழே உள்ள குறியீடு துணுக்கில் குறிப்பிடப்பட்டுள்ள CSS பண்புகளைப் பயன்படுத்தவும்:

.முக்கிய-உள்ளடக்கம் .சி-வலது {

காட்சி : இன்லைன்-பிளாக் ;

எழுத்துரு அளவு : 20px ;

}

மேலே உள்ள குறியீடு துணுக்கின் படி:

• ' காட்சி 'உறுப்பின் காட்சியை அமைப்பதற்கு சொத்து பயன்படுத்தப்படுகிறது.
• ' எழுத்துரு அளவு ” என்பது கொள்கலனில் சேர்க்கப்பட்ட உரையின் அளவைக் குறிப்பிடுகிறது.

இப்போது, ​​அதே முறையைப் பயன்படுத்தி மற்ற வகுப்புகளை அணுகவும் மற்றும் கீழே குறிப்பிட்டுள்ளபடி பின்வரும் CSS பண்புகளைப் பயன்படுத்தவும்:

.முக்கிய-உள்ளடக்கம் .c-இடது {

அகலம் : 140px ;

விளிம்பு-வலது : 6px ;

எழுத்துரு அளவு : 16px ;

}

அவ்வாறு செய்ய, நாங்கள் விண்ணப்பிப்போம் ' அகலம் ”,” விளிம்பு-வலது 'மற்றும்' எழுத்துரு அளவு ” ஸ்டைலிங் நோக்கங்களுக்காக.

மேலும், பிரதான ' div ” பிற உள்ளமைக்கப்பட்ட div கொள்கலனுடன் அவற்றின் வர்க்கப் பெயரைப் பயன்படுத்தி, பின்வரும் CSS பண்புகளைப் பயன்படுத்தவும்

.முக்கிய .சி-வலது {

அகலம் : ஆட்டோ ;

எழுத்துரு அளவு : 15px ;

நிறம் : #fff ;

விளிம்பு-வலது : 20px ;

எழுத்துரு-எடை : சாதாரண ;

}

வெளியீடு

மற்றொரு CSS வகுப்பிற்குள் ஒரு CSS வகுப்பை குறிவைப்பது அவ்வளவுதான்.

முடிவுரை

மற்றொரு CSS வகுப்பிற்குள் ஒரு CSS வகுப்பை குறிவைக்க, முதலில், பிரதான ' div ” ஒதுக்கப்பட்ட வகுப்பு பண்புக்கூறு மூலம். பின்னர், அதே நடைமுறையைப் பின்பற்றி மற்றொரு 'டிவ்' கொள்கலனை அணுகவும். மேலும், பயனர்கள் மற்ற CSS வகுப்பிற்குள் ஒரு CSS வகுப்பை இலக்காகக் கொள்ளலாம். இந்த இடுகை மற்றொரு CSS வகுப்பிற்குள் ஒரு CSS வகுப்பை குறிவைக்கும் முறையை விளக்கியுள்ளது.