HTML డాక్యుమెంట్‌లోని లింక్‌ను నిలిపివేయడానికి కోడ్‌లో పాయింటర్ ఈవెంట్ ప్రాపర్టీ ఎలా ఉపయోగించబడుతుందో క్రింది పోస్ట్ వివరిస్తుంది.
CSSని ఉపయోగించి లింక్‌ను నిలిపివేస్తోంది
CSS లైబ్రరీ HTML వంటి ఇతర భాషలతో కలిపి ఉపయోగించబడుతుంది. కాబట్టి, HTML పత్రం ఏదైనా ఇతర వెబ్ పేజీని నేరుగా సందర్శించడానికి లింక్‌ను కలిగి ఉంటే, లింక్‌ను నిలిపివేయడానికి CSS పాయింటర్-ఈవెంట్స్ ప్రాపర్టీ ఉపయోగించబడుతుంది:
పాయింటర్-సంఘటనలు : ఏదీ లేదు ;
కర్సర్ : డిఫాల్ట్ ;
కోడ్‌లో పాయింటర్ ఈవెంట్స్ ప్రాపర్టీని ఎలా ఉపయోగించాలి?
లింక్‌ను నిలిపివేయడానికి మేము పాయింటర్-ఈవెంట్స్ ప్రాపర్టీని జోడించే CSS స్టైల్ స్టేట్‌మెంట్ లింక్‌ని కలిగి ఉన్న తరగతిని సూచించాలి. ఉదాహరణకు, మేము లింక్‌ను కలిగి ఉన్న 'నాట్-యాక్టివ్' అనే తరగతిని కలిగి ఉన్నట్లయితే:
< h1 > CSSని ఉపయోగించి లింక్‌ను నిలిపివేయండి < / h1 >< br >
< బి > లింక్: < / బి >
< a href = 'https://www.google.com/' తరగతి = 'సక్రియంగా లేదు' > ఇక్కడ నొక్కండి < / a >
పై కోడ్‌లో, క్లిక్ చేయదగిన లింక్‌లో 'నాట్-యాక్టివ్' క్లాస్ ఉంది, ఇది ఈ HTML మూలకాన్ని యాక్సెస్ చేయడానికి ఉపయోగించబడుతుంది.
పై కోడ్ కింది అవుట్‌పుట్‌ను ఉత్పత్తి చేస్తుంది:
లింక్‌పై క్లిక్ చేయడం ద్వారా వినియోగదారుని గూగుల్ సెర్చ్ ఇంజిన్‌కి మళ్లిస్తారు:
పాయింటర్-ఈవెంట్ ప్రాపర్టీ
- CSS శైలి మూలకం లోపల, పాయింటర్ ఈవెంట్ ప్రాపర్టీని వ్రాయండి ( పాయింటర్-ఈవెంట్: ఏదీ లేదు ) డిసేబుల్ చేయవలసిన లింక్‌ను కలిగి ఉన్న క్లాస్ (క్రియారహితం కాదు)ని సూచిస్తున్నప్పుడు.
- కర్సర్‌ను డిఫాల్ట్, ఏదీ లేదు, పాయింటర్ మొదలైన వాటిలో ఏదైనా ఎంపికగా సెట్ చేయండి.
.నాట్-యాక్టివ్ {
పాయింటర్-సంఘటనలు : ఏదీ లేదు ;
కర్సర్ : డిఫాల్ట్ ;
}
>
కోడ్‌ను అమలు చేసిన తర్వాత, బయటి నుండి లింక్ యొక్క గ్రాఫికల్ డిస్‌ప్లేలో ఎటువంటి మార్పు ఉండదు, కానీ వినియోగదారు దాన్ని క్లిక్ చేసినప్పుడు, అది ఏమీ చేయదు:
CSS స్టేట్‌మెంట్‌లను ఉపయోగించి కోడ్‌లోని లింక్‌ను నిలిపివేయడానికి ఇది సులభమైన మార్గం.
ముగింపు
వినియోగదారుని ఇతర వెబ్ పేజీలకు మళ్లించే లింక్‌ను సాధారణ CSS “పాయింటర్-ఈవెంట్‌లు: ఏదీ లేదు” ప్రాపర్టీ ద్వారా సులభంగా నిలిపివేయవచ్చు. దీనికి కోడ్ యొక్క లాజిక్ లేదా లింక్ సృష్టించబడిన తరగతికి ఎటువంటి మార్పులు అవసరం లేదు. స్టైల్ ఎలిమెంట్‌లో లింక్‌ను కలిగి ఉన్న తరగతిని సూచించే సాధారణ పాయింటర్ ఈవెంట్ ప్రాపర్టీ అవసరం.