ஆவணம் எந்த உறுப்பு ஆவணத்தில் பொருந்தும் என்பதை தீர்மானிக்க மாதிரி பொருந்தும் விதிகள் 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 தேர்வாளர்களுக்கும் ஆதரவு இல்லை. எனவே நீங்கள் பல இயங்குதளங்களில் உங்கள் தேர்வாளர்களை சோதிக்க வேண்டும் என்பதை உறுதிசெய்து கொள்ளுங்கள். ஆனால் நீங்கள் CSS1 அல்லது CSS2 தேர்வாளர்கள் பயன்படுத்தி இருந்தால் நீங்கள் நன்றாக இருக்க வேண்டும். எப்போதும் உங்கள் CSS தேர்வாளர்கள் சோதிக்க
