CSS [attribute=value] 选择器

定义和用法

CSS [attribute=value] 选择器用于选择具有指定属性且属性值完全匹配的元素。

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਸਾਰੇ target="_blank" ਦੇ <a> ਤੱਤ ਦੀ ਸਟਾਈਲ ਚੋਣ ਅਤੇ ਸੁਸਥਾਪਤ ਕਰੋ। ਨਾਲ ਹੀ ਸਾਰੇ lang="it" ਦੇ <p> ਤੱਤ ਦੀ ਸਟਾਈਲ ਚੋਣ ਅਤੇ ਸੁਸਥਾਪਤ ਕਰੋ:

a[target="_blank"] {
  background-color: yellow;
}
p[lang="it"] {
  background-color: salmon;
}

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

ਉਦਾਹਰਣ 2

ਜਿਸ ਦੇ ਅੰਕ ਵਿੱਚ <input type="text"> ਤੱਤ ਦੀ ਚੌੜਾਈ 100px ਰਖੀ ਜਾਂਦੀ ਹੈ। ਪਰ ਜਦੋਂ ਉਹ ਫੋਕਸ ਮਿਲਦਾ ਹੈ ਤਾਂ ਉਸ ਦੀ ਚੌੜਾਈ 250px ਰਖੀ ਜਾਂਦੀ ਹੈ:

input[type="text"] {
  width: 100px;
}
input[type="text"]:focus {
  width: 250px;
}

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

CSS ਗਰੰਥ

[attribute = value] {
  css declarations;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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