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

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

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

مثال

مثال 1

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

a[target="_blank"] {
  رنگ پس‌زمینه: زرد;
}
p[lang="it"] {
  رنگ پس‌زمینه: salamون;
}

آزمایش کنید

مثال 2

عرض عناصر <input type="text"> را به 100px تنظیم کنید. اما، وقتی آن فокус می‌گیرد، عرض آن را به 250px تنظیم کنید:

input[type="text"] {
  عرض: 100px;
}
input[type="text"]:focus {
  عرض: 250px;
}

آزمایش کنید

زبان CSS

[ویژگی = مقدار] {
  اظلاعات css;
}

جزئیات فنی

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

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