CSS చిన్న కోర్సు
క్యాస్కేడ్ ఏమి CSS శైలి షీట్లు చాలా ఉపయోగకరంగా చేస్తుంది. సంక్షిప్తంగా, క్యాస్కేడ్ వివాదాస్పద శైలులను ఎలా ఉపయోగించాలి అనేదానికి ప్రాధాన్యత క్రమాన్ని నిర్వచిస్తుంది. ఇతర మాటలలో, మీకు రెండు శైలులు ఉంటే:
p {color: red; }
p {color: blue; }
స్టైల్ షీట్ వారు ఎరుపు మరియు నీలం రెండింటిలో ఉండవలసి ఉన్నప్పటికీ, పేరాగ్రాఫ్ల యొక్క ఏ రంగు ఉండాలి అనే కాస్కేడ్ నిర్ణయిస్తుంది. చివరికి ఒక్క రంగు మాత్రమే పేరాలకు వర్తించవచ్చు, కాబట్టి ఒక క్రమంలో ఉండాలి.
మరియు ఈ క్రమంలో సెలెక్టర్లు (పై ఉదాహరణలో p) అత్యధిక ప్రాధాన్యత మరియు పత్రంలో వారు ఏ క్రమంలో కనిపించాలో ఇది వర్తించబడుతుంది.
ఈ క్రింది జాబితా ఒక శైలి కోసం మీ బ్రౌజర్ ఎలా నిర్ణయిస్తుంది అనేదాని యొక్క సరళీకృతం:
- ఎలిమెంట్కు సరిపోలే సెలెక్టర్ కోసం శైలి షీట్లో చూడండి. నిర్దిష్ట శైలులు లేకుంటే, బ్రౌజర్లో డిఫాల్ట్ నియమాలను ఉపయోగించండి
- మార్క్ సెలెక్టర్లు కోసం శైలి షీట్ లో చూడండి! ముఖ్యమైన మరియు తగిన అంశాలను ఆ దరఖాస్తు.
- శైలి షీట్లోని అన్ని శైలులు డిఫాల్ట్ బ్రౌజర్ శైలులను భర్తీ చేస్తాయి (యూజర్ స్టైల్ షీట్స్ విషయంలో మినహా).
- మరింత నిర్దిష్ట శైలి సెలెక్టర్, అధిక ప్రాధాన్యత ఉంటుంది. ఉదాహరణకు, div> p.class p.class కన్నా ప్రత్యేకంగా ఉంటుంది, ఇది p కంటే ప్రత్యేకమైనది.
- చివరగా, రెండు నియమాలు ఒకే మూలకానికి వర్తిస్తాయి మరియు అదే సెలెక్టర్ ప్రాధాన్యత కలిగి ఉంటే, చివరిగా లోడ్ చేయబడినది వర్తించబడుతుంది. మరో మాటలో చెప్పాలంటే, శైలి షీట్ పై నుంచి క్రిందికి చదువుతుంది, మరియు శైలులు ఒకదానిపై ఒకటి పై వర్తింపబడతాయి.
ఆ నియమాల ఆధారంగా, పైన ఉదాహరణలో, పేరాలు నీలి రంగులో వ్రాయబడతాయి, ఎందుకంటే p {color: blue; } శైలి షీట్లో చివరగా వస్తుంది.
ఇది క్యాస్కేడ్ యొక్క చాలా సరళమైన వివరణ. మీరు క్యాస్కేడ్ ఎలా పని చేస్తుందనే దాని గురించి మరింత తెలుసుకోవడానికి ఆసక్తి కలిగి ఉంటే, మీరు చదివే చదవాలి "కాస్కేడ్" క్యాస్కేడింగ్ స్టైల్ షీట్స్లో ఏమిటి? .