CSS [attribute=value] సెలెక్టర్

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

CSS [attribute=value] నిర్దేశిత అట్రిబ్యూట్ మరియు అట్రిబ్యూట్ విలువను పూర్తిగా సరిపోలే ఎలిమెంట్లను ఎంపికచేసే సెలెక్టర్

ఉదాహరణ

ఉదాహరణ 1

అన్ని target="_blank" ఉన్న <a> ఎలిమెంట్ల స్టైల్స్ ను ఎంపికచేసి అనుసరించండి. అలాగే, అన్ని lang="it" ఉన్న <p> ఎలిమెంట్ల స్టైల్స్ ను ఎంపికచేసి అనుసరించండి:

a[target="_blank"] {
  background-color: yellow;
}
p[lang="it"] {
  background-color: salmon;
}

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

ఉదాహరణ 2

నిర్దేశించబడిన <input type="text"> ఎలిమెంట్ యొక్క వెడల్పును 100px గా నిర్ణయించండి. అయితే, దానికి ఫోకస్ పొందినప్పుడు, దాని వెడల్పును 250px గా నిర్ణయించండి:

input[type="text"] {
  width: 100px;
}
input[type="text"]:focus {
  width: 250px;
}

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

CSS సంకేతాలు

[attribute = value] {
  css డిక్లరేషన్స్;
}

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

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

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