CSS3 [attribute^=value] ਚੋਣਕਾਰ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

CSS [attribute^=value] ਚੋਣਕਾਰ ਇਸ ਤਰ੍ਹਾਂ ਦੇ ਏਲੀਮੈਂਟਾਂ ਨੂੰ ਚੋਣ ਕਰਦਾ ਹੈ ਜਿਸ ਦਾ ਵਿਸ਼ੇਸ਼ ਵੀਡੀਓ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ。

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਸਾਰੇ ਵਰਗ ਰੂਪ ਨਾਮ ਵਾਲੇ <div> ਏਲੀਮੈਂਟਾਂ ਨੂੰ ਜਿਸ ਨੂੰ "test" ਨਾਲ ਸ਼ੁਰੂ ਹੋਵੇ ਇਸ ਲਈ ਪ੃਷ਠ ਰੰਗ ਸੈੱਟ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਸਾਰੇ ਵਰਗ ਰੂਪ ਨਾਮ ਵਾਲੇ ਏਲੀਮੈਂਟਾਂ ਨੂੰ ਜਿਸ ਨੂੰ "test" ਨਾਲ ਸ਼ੁਰੂ ਹੋਵੇ ਇਸ ਲਈ ਪ੃਷ਠ ਰੰਗ ਸੈੱਟ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰਾਫੀਕਸ

[attribute ^= value] {
  css declarations;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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