CSS :visited ప్రత్యార్థక క్లేసెస్

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

CSS :visited ప్రత్యార్థక క్లేసెస్ ను వినియోగించడం ద్వారా సందర్శించిన లింకుల శైలులను అమర్చండి。

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

గమనిక:లింకుల శైలులను సరిగా అమర్చడానికి ఈవి ని వినియోగించండి: :visited నియమం స్థానంలో :link నియమం తర్వాత, కానీ :hover మరియు :active నియమం ముందు

అనుమతించబడిన శైలులు కలిగి ఉంటాయి:

  • color
  • background-color
  • border-color(మరియు ప్రతి పక్కల బర్డర్ కలర్)
  • outline color
  • column-rule-color
  • text-decoration-color
  • text-emphasis-color
  • SVG స్పష్టత మరియు స్ట్రోక్ అటీరిబ్యూట్స్

ఉదాహరణ

ఉదాహరణ 1

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

a:visited {
  color: pink;
}

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

ఉదాహరణ 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 సంకేతబద్ధత

:visited {
  css వివరణలు;
}

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

సంస్కరణ: CSS1

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1 12 2 3.1 9.6

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

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

శిక్షణాలు:CSS ప్రత్యార్థక క్లేసెస్