CSS தொடங்கி
ஆவணம் எந்த உறுப்பு ஆவணத்தில் பொருந்தும் என்பதை தீர்மானிக்க மாதிரி பொருந்தும் விதிகள் CSS நம்பியுள்ளது. இந்த வடிவங்கள் தேர்வாளர்கள் என்று அழைக்கப்படுகின்றன, அவை குறிச்சொற்களின் பெயர்கள் (உதாரணமாக, ப குறிச்சொற்களை பொருத்த வேண்டும்) ஒரு ஆவணத்தின் மிகவும் குறிப்பிட்ட பகுதிகளுடன் ஒப்பிடும் மிகவும் சிக்கலான வடிவங்களுக்கு (எடுத்துக்காட்டாக, p # myid> b.highlight ஐடி என்ட் உடன் பத்தி ஒரு குழந்தை என்று சிறப்பம்சமாக ஒரு வர்க்கம்).
ஒரு CSS தேர்வுக்குழு வலைப்பக்கத்தில் என்ன பகுதி பாணியில் இருக்க வேண்டும் என்பதை அடையாளம் காட்டும் ஒரு CSS பாணி அழைப்பு பகுதியாகும். தேர்ந்தெடுக்கப்பட்ட தேர்ந்தெடுக்கப்பட்ட HTML எவ்வாறு பாணியில் வரையறுக்கப்படும் என்பதை வரையறுக்கும் ஒன்று அல்லது அதற்கு மேற்பட்ட பண்புகளை கொண்டுள்ளது.
CSS தேர்வாளர்கள்
தேர்வாளர்கள் பல்வேறு வகைகள் உள்ளன:
- வகை தேர்வாளர்கள்-ஒரு குறிப்பிட்ட உறுப்பு பொருந்தும்
- வகுப்பு தேர்வாளர்கள்-ஒரு குறிப்பிட்ட வர்க்கத்துடன் பொருந்தும் கூறுகள்
- ஐடி தேர்வாளர்கள்-ஒரு குறிப்பிட்ட அடையாளத்துடன் உறுப்புடன் பொருந்தும்
- வம்சாவளியினர் தேர்வாளர்கள்- ஒரு குறிப்பிட்ட உறுப்பு வம்சாவளியினர் என்று கூறுகளை காணும்
- குழந்தை தேர்வாளர்கள்-குறிப்பிட்ட உறுப்பு ஒரு குழந்தை என்று பொருந்தும் கூறுகள்
- உலகளாவிய தேர்வாளர்கள்-எந்த உறுப்புக்கும் பொருந்தும்
- அடுத்தடுத்த உடன்பிறப்பு தேர்வுக்குழுக்கள்-பொருந்தும் கூறுகள் உடனடியாக ஒரு குறிப்பிட்ட உறுப்பு முன்னால்
- ஒரு குறிப்பிட்ட பண்புக்கூறு அல்லது கற்பித மதிப்புடன் தேர்வாளர்கள்-பொருந்தும் கூறுகளை கற்பித்தல்
- போலி-வகுப்பு தேர்வாளர்கள்-ஒரு குறிப்பிட்ட போலி வகுப்புடன் பொருந்தும் கூறுகள்
- குறிப்பிட்ட சூடோ-உறுப்பு பண்புகளுடன் கூடிய போலி-உறுப்பு தேர்வாளர்கள்-பொருந்தும் கூறுகள்
வடிவமைப்பு CSS பாங்குகள் மற்றும் CSS தேர்வாளர்கள்
ஒரு CSS பாணியின் வடிவமைப்பு இதுபோல் தெரிகிறது:
தேர்வுசெய்தியாளர் {பாணி சொத்து: பாணி; }
அதே பாணியில் காற்புள்ளிகளைக் கொண்ட பல தேர்வாளர்களை பிரிக்கவும். இந்த தேர்வுக்குழு குழுமம் என்று அழைக்கப்படுகிறது. உதாரணத்திற்கு:
selector1 , selector2 {style property: style; }
தொகுத்தல் தேர்வாளர்கள் உங்கள் CSS பாணியை கச்சிதமாக வைக்க ஒரு சுருக்கெழுத்தும் வழிமுறையாகும்.
மேலே உள்ள குழுவைப் போலவே அதே விளைவு இருக்கும்:
selector1 {style property: style; }
selector2 {style property: style; }
எப்போதும் உங்கள் CSS தேர்வாளர்கள் சோதிக்க
எல்லா உலாவிகளும் அனைத்து CSS தேர்வாளர்களுக்கும் ஆதரவு இல்லை. எனவே நீங்கள் பல இயங்குதளங்களில் உங்கள் தேர்வாளர்களை சோதிக்க வேண்டும் என்பதை உறுதிசெய்து கொள்ளுங்கள். ஆனால் நீங்கள் CSS 1 அல்லது CSS2 தேர்வாளர்கள் பயன்படுத்தி இருந்தால் நீங்கள் நன்றாக இருக்க வேண்டும்.