CSS [ویژگی=مقدار] انتخابگر

تعریف و استفاده

CSS [ویژگی=مقدار] این انتخابگر برای انتخاب عناصری که ویژگی مشخصی دارند و مقدار آن‌ها دقیقاً با مقدار مشخص شده مطابقت دارد، استفاده می‌شود.

مثال

مثال 1

سبک‌های مربوط به تمام عناصر <a> که target="_blank" دارند را انتخاب و تنظیم کنید. همچنین سبک‌های مربوط به تمام عناصر <p> که lang="it" دارند را انتخاب و تنظیم کنید:

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

[ویژگی = مقدار] {
  تعریف‌های css;
}

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر که این انتخابگر را کامل پشتیبانی می‌کند، هستند.