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

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

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

గమనిక:విలువ ఒక పూర్తి పదం ఉండాలి, లేదా ఒంటరిగా ఉండాలి, అనగా lang="en" లేదా కింది విధంగా ఉండాలి lang="en-us".

ఉదాహరణ

ఉదాహరణ 1

lang అట్రిబ్యూట్ విలువ అని "en" లేదా "en-" ఉన్న కెలియది సైట్ స్టైల్స్ ని ఎంచుకొని సెట్ చేయండి:

[lang|="en"] {
  background-color: yellow;
}

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

ఉదాహరణ 2

class అట్రిబ్యూట్ విలువ అని "top" లేదా "top-" ఉన్న కెలియది సైట్ స్టైల్స్ ని ఎంచుకొని సెట్ చేయండి:

[class|="top"] {
  background-color: yellow;
}

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

CSS సంకేతాలు

[attribute |= value] {
  css declarations;
}

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

వెర్షన్: CSS2

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

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

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

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

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

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