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

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

CSS [attribute$=value] ਚੋਣਕਰਤਾ ਇਹ ਅੰਗਾਮੇ ਚੁਣਦੀ ਹੈ ਜਿਨ੍ਹਾਂ ਦੇ ਲੋੜ ਵਾਲੇ ਮੁੱਲ ਵਿੱਚ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ。

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਸਾਰੇ ਕਲਾਸ ਲੋੜ ਵਾਲੇ "test" ਨਾਲ ਸਮਾਪਤ ਹੋਣ ਵਾਲੇ <div> ਅੰਗਾਮੇ ਨੂੰ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

ਸਾਰੇ ਕਲਾਸ ਲੋੜ ਵਾਲੇ "test" ਨਾਲ ਸਮਾਪਤ ਹੋਣ ਵਾਲੇ ਅੰਗਾਮੇ ਨੂੰ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

CSS ਗਰੰਥਕਾਰੀ

[attribute $= value] {
  css declarations;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਆਈਡੀਅਨਮਾਰਕ: CSS3

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

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

ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
4.0 7.0 3.5 3.2 9.6

ਸਬੰਧਤ ਪੰਨੇ

CSS ਸਿਖਲਾਈਆਂ:CSS ਪ੍ਰਾਪਰਟੀ ਚੋਣਕਰਤਾ

CSS ਸਿਖਲਾਈਆਂ:CSS ਲੋੜ ਵਾਲੇ ਚੋਣਕਰਤਾ ਵਿਸਤ੍ਰਿਤ ਵਿਸ਼ਲੇਸ਼ਣ