CSS :active ప్రొచ్చూరణాభిప్రాయం

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

CSS :active ప్రత్యార్థకాలు వాడుకలో ఉన్న ఎలిమెంట్స్ శైలులను ఎంచుకొని అమర్చండి.

:active ప్రత్యార్థకాలు ఎక్కువగా ఉపయోగిస్తారు <a> మరియు <button> ఎలిమెంట్

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

ముందుకు చూపండి:సిఎస్ఎస్ నిర్వచనలో:active తప్పక ఉంచాలి :hoverఉన్నట్లయితే తరువాత అనుభవించబడుతుంది!

ఉదాహరణ

ఉదాహరణ 1

క్రియాశీలమైన లింకుల శైలులను ఎంచుకొని అమర్చండి:

a:active {
  background-color: yellow;
}

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

ఉదాహరణ 2

క్రియాశీలమైన <button> శైలులను ఎంచుకొని అమర్చండి:

button:active {
  background-color: pink;
}

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

ఉదాహరణ 3

క్రియాశీలమైన <p>、<h1> మరియు <a> ఎలిమెంట్స్ శైలులను ఎంచుకొని అమర్చండి:

p:active, h1:active, a:active {
  background-color: yellow;
}

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

ఉదాహరణ 4

పరిశీలించని, పరిశీలించబడిన, హోవర్ మరియు క్రియాశీలమైన లింకుల శైలులను ఎంచుకొని అమర్చండి:

/* పరిశీలించని లింకు */
a:link {
  color: green;
}
/* పరిశీలించబడిన లింకు */
a:visited {
  color: green;
}
/* మౌస్ హోవర్ లింకు */
a:hover {
  color: red;
}
/* క్రియాశీలమైన లింకు */
a:active {
  color: yellow;
}

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

ఉదాహరణ 5

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

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

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

CSS సంకేతాలు

:active {
  css ప్రకటనలు;
}

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

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

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

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

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

శిక్షణా పత్రిక:CSS బటన్

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