محدد CSS [ سمة = قيمة ]
مثال
عناصر النمط <a> ذات الهدف = "_ blank":
a[target=_blank]
{
background-color: yellow;
}
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يتم استخدام محدد [ السمة = القيمة ] لتحديد العناصر ذات السمة والقيمة المحددين.
الإصدار: | CSS2 |
---|
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم المحدِّد بشكل كامل.
Selector | |||||
---|---|---|---|---|---|
[attribute=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
بنية CSS
[attribute = value] {
css declarations;
}
مزيد من الأمثلة
مثال
عندما يتم التركيز على <input type = "text"> ، قم بتغيير العرض تدريجيًا من 100 بكسل إلى 250 بكسل:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
الصفحات ذات الصلة
برنامج CSS التعليمي: محددات سمات CSS