ఏ CSS సెలెక్టర్ తెలుసుకోండి

CSS ప్రారంభమైంది

పత్రం ఏ మూలకానికి వర్తిస్తుంది అనేదానిని నిర్ణయించడానికి నమూనా సరిపోలిక నియమాలపై CSS ఆధారపడుతుంది. ఈ నమూనాలను సెలెక్టర్లు అని పిలుస్తారు మరియు ఇవి ఒక డాక్యుమెంట్ యొక్క నిర్దిష్ట భాగాలు (ఉదాహరణకు, p # myid> b.ighighlight తో ఏ బి ట్యాగ్తోనైనా సరిపోల్చే చాలా క్లిష్టమైన నమూనాలకి ట్యాగ్ పేర్ల నుండి (ఉదాహరణకి, p పేరా ట్యాగ్లను సరిపోల్చడానికి) id myid తో పేరా యొక్క బిడ్డ అని హైలైట్ ఒక తరగతి).

ఒక CSS సెలెక్టర్ వెబ్ పేజీలో ఏ భాగం శైలిలో ఉండాలి అని గుర్తిస్తుంది ఒక CSS శైలి కాల్ భాగం. సెలెక్టర్ ఎంచుకున్న HTML శైలి ఎలా నిర్వచించాలో ఒకటి లేదా మరిన్ని లక్షణాలను కలిగి ఉంటుంది.

CSS సెలెక్టర్లు

అనేక రకాల సెలెక్టర్లు ఉన్నాయి:

• రకం సెలెక్టర్లు-ఒక నిర్దిష్ట అంశానికి సరిపోలే
• క్లాస్ సెలెక్టర్లు-సరిపోలే అంశాలతో ఒక ప్రత్యేక తరగతి
• ID సెలెక్టర్లు-ఒక నిర్దిష్ట ID తో మూలకం సరిపోలే
• వారసుడు సెలెక్టర్లు - ఒక నిర్దిష్ట మూలకం యొక్క వారసులు అని చూసే అంశాలు
• నిర్దిష్ట అంశానికి చెందిన బాల సెలెక్టర్లు-సరిపోలే అంశాలు
• సార్వత్రిక సెలెక్టర్లు-ఏ మూలకం సరిపోలే
• ప్రక్కన తోబుట్టువు సెలెక్టర్లు-సరిపోలే అంశాలను ఒక నిర్దిష్ట మూలకం ద్వారా ముందుగానే
• ప్రత్యేక లక్షణం లేదా లక్షణ విలువతో సెలెక్టర్లు-సరిపోలే అంశాల లక్షణం
• నకిలీ తరగతి సెలెక్టర్లు-సరిపోలే అంశాలతో నిర్దిష్ట నకిలీ తరగతి
• నకిలీ-మూలకం సెలెక్టర్లు - నిర్దిష్ట సూడో మూలకం లక్షణాలతో సరిపోలే అంశాలు

ఫార్మాట్ CSS స్టైల్స్ మరియు CSS సెలెక్టర్లు

ఒక CSS శైలి ఫార్మాట్ ఈ కనిపిస్తోంది:

సెలెక్టర్ {శైలి ఆస్తి: శైలి; }

కామాలతో అదే శైలిని కలిగి ఉన్న బహుళ సెలెక్టర్లు వేరుచేయండి. దీనిని సెలెక్టర్ గుంపుగా పిలుస్తారు. ఉదాహరణకి:

సెలెక్టర్ 1 , సెలెక్టర్ 2 {శైలి ఆస్తి: శైలి; }

గ్రూపింగ్ సెలెక్టర్లు మీ CSS శైలుల కాంపాక్ట్ ఉంచడానికి ఒక సంక్షిప్త లిపి విధానం.

పై వర్గీకరణ అదే ప్రభావాన్ని కలిగి ఉంటుంది:

సెలెక్టర్ 1 {శైలి ఆస్తి: శైలి; }
సెలెక్టర్ 2 {శైలి ఆస్తి: శైలి; }

ఎల్లప్పుడూ మీ CSS సెలెక్టర్లు పరీక్షించండి

అన్ని బ్రౌజర్లు అన్ని CSS సెలెక్టర్లు మద్దతు లేదు. కాబట్టి మీరు అనేక ఆపరేటింగ్ సిస్టమ్స్ వంటి అనేక బ్రౌజర్లు మీ సెలెక్టర్లు పరీక్షించడానికి నిర్ధారించుకోండి. కానీ మీరు CSS 1 లేదా CSS2 సెలెక్టర్లు ఉపయోగిస్తుంటే మీరు మంచిది కావాలి.