పత్రం ఏ మూలకానికి వర్తిస్తుంది అనేదానిని నిర్ణయించడానికి నమూనా సరిపోలిక నియమాలపై CSS ఆధారపడుతుంది. ఈ నమూనాలు అంటారు సెలెక్టర్లు మరియు వారు ట్యాగ్ పేర్ల నుండి (ఉదాహరణకు,
p పేరా ట్యాగ్లను సరిపోల్చడం) ఒక పత్రంలోని చాలా నిర్దిష్ట భాగాలు (ఉదాహరణకు,
p # myid> b.ighlight ఏది సరిపోతుందో
బి తరగతితో ట్యాగ్ చేయండి
హైలైట్ అది ID తో పేరా యొక్క బిడ్డ
myid).
ఒక CSS సెలెక్టర్ వెబ్ పేజీలో ఏ భాగం శైలిలో ఉండాలి అని గుర్తిస్తుంది ఒక CSS శైలి కాల్ భాగం. సెలెక్టర్ ఎంచుకున్న HTML శైలి ఎలా నిర్వచించాలో ఒకటి లేదా మరిన్ని లక్షణాలను కలిగి ఉంటుంది.
CSS సెలెక్టర్లు
అనేక రకాల సెలెక్టర్లు ఉన్నాయి:
- రకం సెలెక్టర్లు - ఒక నిర్దిష్ట మూలకం సరిపోలే
- తరగతి సెలెక్టర్లు - ఒక నిర్దిష్ట తరగతితో సరిపోలే అంశాలను
- ID సెలెక్టర్లు - ఒక నిర్దిష్ట ID తో మూలకం సరిపోలే
- వారసుడు సెలెక్టర్లు - ఒక నిర్దిష్ట మూలకం వారసులు అని సరిపోలే అంశాలు
- బాల సెలెక్టర్లు - నిర్దిష్ట మూలకం యొక్క పిల్లలకి సరిపోలే అంశాలు
- సార్వత్రిక సెలెక్టర్లు - ఏ మూలకం సరిపోలే
- ప్రక్కన తోబుట్టువు సెలెక్టర్లు - సరిపోలే మూలకాలకు ముందుగా ఒక నిర్దిష్ట మూలకం ద్వారా
- లక్షణం సెలెక్టర్లు - ఒక నిర్దిష్ట లక్షణం లేదా గుణం విలువతో సరిపోలే అంశాలు
- నకిలీ తరగతి సెలెక్టర్లు - ఒక ప్రత్యేక నకిలీ తరగతితో సరిపోలే అంశాలు
- నకిలీ మూలకం సెలెక్టర్లు - నిర్దిష్ట నకిలీ-మూలకం లక్షణాలతో సరిపోలే అంశాలు
ఫార్మాట్ CSS స్టైల్స్ మరియు CSS సెలెక్టర్లు
ఒక CSS శైలి ఫార్మాట్ ఈ కనిపిస్తోంది:
సెలెక్టర్ {శైలి ఆస్తి: శైలి; }
కామాలతో అదే శైలిని కలిగి ఉన్న బహుళ సెలెక్టర్లు వేరుచేయండి. దీనిని సెలెక్టర్ గుంపుగా పిలుస్తారు. ఉదాహరణకి:
selector1 , సెలెక్టర్ 2 {శైలి ఆస్తి: శైలి; }
గ్రూపింగ్ సెలెక్టర్లు మీ CSS శైలుల కాంపాక్ట్ ఉంచడానికి ఒక సంక్షిప్త లిపి విధానం. పై వర్గీకరణ అదే ప్రభావాన్ని కలిగి ఉంటుంది:
సెలెక్టర్ 1 {శైలి ఆస్తి: శైలి; }సెలెక్టర్ 2 {శైలి ఆస్తి: శైలి; } అన్ని బ్రౌజర్లు అన్ని CSS సెలెక్టర్లు మద్దతు లేదు. కాబట్టి మీరు అనేక ఆపరేటింగ్ సిస్టమ్స్ వంటి అనేక బ్రౌజర్లు మీ సెలెక్టర్లు పరీక్షించడానికి నిర్ధారించుకోండి. కానీ మీరు CSS1 లేదా CSS2 సెలెక్టర్లు ఉపయోగిస్తుంటే, మీరు మంచిగా ఉండాలి. ఎల్లప్పుడూ మీ CSS సెలెక్టర్లు పరీక్షించండి
