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;
}

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਇਹ ਚੋਣਕਰਤਾ ਪਹਿਲੀ ਵਾਰੀ ਇਸ ਚੋਣਕਰਤਾ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਮੁਹੱਈਆ ਹੋਣ ਵਾਲੀ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。