أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
يستخدم محدد نشط لتحديد وأسلوب وصلة نشطة: و.
ارتباط تصبح نشطة عندما تنقر على ذلك.
تلميح:: محدد نشط يمكن استخدامها على جميع العناصر، وصلات ليس فقط.
Tip: استخدم : رابط محدد إلى وصلات أسلوب للصفحات التي لم تتم زيارتها، و : زار محدد إلى وصلات نمط الصفحات التي تمت زيارتها، و : تحوم محدد إلى وصلات نمط عند الماوس فوقها.
Note: : نشطة يجب أن تأتي بعد: تحوم (if present) في تعريف CSS لكي تكون فعالة!
الإصدار: | CSS1 |
---|
دعم المتصفح
الأرقام في الجدول تحدد أول إصدار المستعرض الذي يدعم بشكل كامل محدد.
منتخب | |||||
---|---|---|---|---|---|
:active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
ملاحظة: IE8 والإصدارات الأحدث دعم: محدد نشط على جميع العناصر. IE7 تدعم فقط: محدد نشط على الروابط.
CSS بناء الجملة
:active {
css declarations ;
}
مزيد من الأمثلة
مثال
حدد وأسلوب ل<ص>، <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: الطبقات المغلق الزائفة