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