CSS Selectors

HTML పేజ్ లో గల మూలకాలను (elements) వాటి రకాలు ,లక్షణాలు ,id మరియు class లేదా విలువలను బట్టి కావలసిన మూలకాన్ని టార్గెట్ చెయ్యటానికి selectors అనేవి ఉపయోగపడతాయి.

The element Selector

element selector అనేది element యొక్క పేరు ఆధారంగా ఆ element ను ఎంపిక చేసుకుంటుంది. క్రింది ఉదాహరణలో వెబ్ పేజ్ లో గల అన్ని "p" element లను center లో మరియు ఎరుపు రంగులో డిస్ప్లే చేశాము.

The id Selector

క్రింది ఉదాహరణలో element "p" ని selector గా వాడి అన్ని పారగ్రాఫ్ లను center లో align చెయ్యడం జరిగింది. తరువాత రెండవ పారగ్రాఫ్ ని ఎరుపు రంగులో డిస్ప్లే చెయ్యడానికి id విలువ "two" అనే selector మరియు మూడవ పారగ్రాఫ్ ని ఆరెంజ్ కలర్ లో డిస్ప్లే చెయ్యడానికి id విలువ "three" అనివ్రాసి దాన్ని selector గా ఉపయోగించడం జరిగింది. id విలువ ఏదైనా వ్రాయవచ్చు కాని మొదటి అక్షరం మాత్రం నెంబర్ కాకూడదు.

The class Selector

declaration లో మాత్రం id selector కు బదులు class ను వాడినప్పుడు "#" కు బదులుగా "." ను రాయాల్సి ఉంటుంది. పై ఉదాహరణను class selector ద్వారా వివరించడం జరిగింది. class విలువ ఏదైనా వ్రాయవచ్చు కాని మొదటి అక్షరం మాత్రం నెంబర్ కాకూడదు.