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

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

CSS [attribute^=value] సెలెక్టర్ ప్రత్యేకంగా నిర్దేశించిన విలువలు మొదలవుతున్న ప్రతి మేలాను మీదట కూడిస్తుంది.

ఉదాహరణ

ఉదాహరణ 1

అన్ని class అట్రిబ్యూట్ విలువలు "test" తో మొదలవుతున్న <div> మేలాలకు బ్యాక్గ్రౌండ్ రంగు అమర్చండి:

div[class^="test"] {
  background: salmon;
}

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

ఉదాహరణ 2

అన్ని class అట్రిబ్యూట్ విలువలు "test" తో మొదలవుతున్న మేలాలకు బ్యాక్గ్రౌండ్ రంగు అమర్చండి:

[class^="test"] {
  background: salmon;
}

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

CSS సంకేతాలు

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

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

సంస్కరణ: CSS3

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
4.0 7.0 3.5 3.2 9.6

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

CSS శిక్షణా పాఠ్యం:CSS అట్రిబ్యూట్ సెలెక్టర్

CSS శిక్షణా పాఠ్యం:CSS అట్రిబ్యూట్ సెలెక్టర్ వివరణ