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

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

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

ఈ ఉదాహరణ "title="flower"", "title="summer flower"", మరియు "title="flower new"" ఎలిమెంట్స్ ను మేళాడిస్తుంది, కానీ "title="my-flower"" లేదా "title="flowers"" ఎలిమెంట్స్ ను మేళాడించదు.

ప్రకటన

title అట్రిబ్యూట్ లో "flower" పదాన్ని కలిగివున్న అన్ని ఎలిమెంట్స్ స్టైల్స్ ను ఎంచుకొని అమర్చండి:

[title~="flower"] {
  border: 5px solid green;
}

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

CSS సంకేతాలు

[attribute ~= value] {
  css declarations;
}

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

వెర్షన్: CSS2

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

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

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

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

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

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