CSS : محدد نشط
مثال
حدد وصمم الرابط النشط:
a:active
{
background-color: yellow;
}
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يتم :active
استخدام المحدد لتحديد الارتباط النشط وتصميمه.
يصبح الرابط نشطًا عند النقر فوقه.
نصيحة: يمكن استخدام المحدِّد النشط في جميع العناصر ، وليس الروابط فقط.
تلميح: استخدم : محدد الارتباط لتنسيق روابط الصفحات التي لم تتم زيارتها ، ومحدد: الزيارة إلى روابط النمط للصفحات التي تمت زيارتها ، ومحدد التمرير فوق روابط النمط عند تحريك الماوس فوقها.
ملحوظة: يجب أن يأتي النشط بعد: مرر (إذا كان موجودًا) في تعريف CSS لكي يكون فعالاً!
الإصدار: | CSS1 |
---|
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم المحدِّد بشكل كامل.
Selector | |||||
---|---|---|---|---|---|
:active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
بنية CSS
:active {
css declarations;
}
مزيد من الأمثلة
مثال
حدد ونمط عنصر <p> و <h1> و <a> عند النقر فوقه:
p:active, h1:active, a:active {
background-color: yellow;
}
مثال
حدد ونمط الروابط التي لم تتم زيارتها ، والتي تمت زيارتها ، وقم بالمرور عليها ، والنشطة:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
مثال
روابط النمط بأنماط مختلفة:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
الصفحات ذات الصلة
دروس CSS: روابط CSS
دروس CSS: فصول CSS الزائفة