زمان ارسال: شنبه May 12, 2007 2:43 pm موضوع: گزینشگرها در CSS
تاريخ عضويت: 11 Sep 2006 ارسالها: 125
سلام
در مورد بخش اول كه لينكها و گزينشگرها رو توضيح دادي يه مطلب برام گنگ موند كه البته بيشتر جنبه فني داره . در CSS ما 4 نوع گزينشگر لينك داريم كه تكليف خود لينك و لينك بازديد شده (حتما بايد روي لينكي كليك كنيم تا بتونيم بازديدش كنيم ديگه؟!) مشخصه ولي جريان لينك اكتيو چيه ؟ تو توضيحات مي گه لينكي كه روش كليك شده باشه . در اين صورت تفاوتش با لينك بازديد شده چيه ؟
link:لینکهایی که هنوز دیده نشدن و موس روی آن قرار ندارد
visited:لینکهایی که مشاهده شدن
focus: لینکهای انتخاب شده به وسیله کلیدهای میانبر و آماده برای انتخاب شدن
hover: لینکهایی که اشاره گر موس روی آهنا قار دارد
active : تغییر شکل لینک هنگام کلیک کردن
همون طور که تونی گفت اون کلاس کاذب active رنگ لینک رو مشخص میکنه وقتی که شما نشانگر ماوس رو روی لینک مورد نظر بردید و دکمه سمت چپ ماوس رو هم فشار داده اید. اون موقع رنگ لینک توسط همون کلاس کاذب active مشخص میشه. به این مثال توجه کنید :
code :
<html>
<head>
<style type="text/css">
a:link {color: #FF0000} /* red */
a:visited {color: #00FF00} /* green */
a:hover {color: #FF00FF} /* purple */
a:active {color: #0000FF} /* blue */
</style>
</head>
<body>
<p><b><a href="#" target="_blank">This is a link</a></b></p>
<p><b>Note:</b> a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!</p>
<p><b>Note:</b> a:active MUST come after a:hover in the CSS definition in order to be effective!!</p>
</body>
</html>
این کد رو بزارید داخل notepad و با پسوند HTML ذخیره کنید
موقعی که صفحه رو باز کنید یه لینک می بینید
رنگ لینک در حال عادی قرمزه
وقتی ماوس رو روش ببرید رنگش بنفش میشه
وقتی ماوس رو روش ببرید و کلیک کنید و دکمه ماوس رو رها نکنید رنگش آبی میشه (همون کلاس کاذب active)
وقتی روش کلیک کنید چون حالا جزو لینک های بازدید شده هست رنگش سبز میشه