CSS :link ప్రత్యార్థకం

నిర్వచనం మరియు ఉపయోగం

CSS :link ప్రత్యార్థకాలు సందర్శించని లింకుల శైలులను ఎంచుకొని అమర్చడానికి ఉపయోగిస్తాయి.

నోటిస్ పాటికి అనుసరించండి::link ప్రత్యార్థకాలు సందర్శించిన లింకుల శైలులను అమర్చవు.

సలహా:ఉపయోగించండి సందర్శించిన పేజీ లింకు శైలులను అమర్చండి, ఉపయోగించండి: :visited :hover మౌస్ మీద ఉన్న లింకు శైలులను అమర్చండి, ఉపయోగించండి: :active క్లిక్ చేసిన లింకు శైలులను అమర్చండి.

నోటిస్ పాటికి అనుసరించండి:CSS నిర్వచనలో,:link అదే వద్ద ఉంచాలి :hoverముందు ఉన్న విషయం (ఉన్నట్లయితే) మాత్రమే ప్రభావితం అవుతుంది!

ఉదాహరణ

ఉదాహరణ 1

సందర్శించని లింకుల శైలులను ఎంచుకొని అమర్చండి:

a:link {
  background-color: yellow;
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

సందర్శించని, సందర్శించిన, మౌస్ మీద ఉన్న మరియు చేయబడిన లింకుల శైలులను ఎంచుకొని అమర్చండి:

/* ముందుగా సందర్శించని లింకు */
a:link {
  color: green;
}
/* ముందుగా సందర్శించిన లింకు */
a:visited {
  color: green;
}
/* మౌస్ నుంచి లింకును ముందుకు కురిచుకున్నప్పుడు */
a:hover {
  color: red;
}
/* క్లిక్ చేసిన లింకు */
a:active {
  color: yellow;
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

లింకులకు వేరే శైలులను అమర్చండి:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

:link {
  css నిర్వచనాలు;
}

సాంకేతిక వివరాలు

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ ప్రత్యార్థకాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ని సూచిస్తాయి.

సంబంధిత పేజీలు

శిక్షణా క్రమంలో:CSS లింకులు

శిక్షణా క్రమంలో:CSS ప్రత్యార్థకాలు