آموزش سلکتور any-link: در css

در سایت سئو نود و مقالات اخیری که در بخش ” مقالات طراحی سایت ” خدمتتان ارائه کردیم ، سعی کردیم تا به شکلی کامل انتخابگر هایی که توسط : و یا :: مسبب انتخاب برخی المان ها می‌شوند را خدمتتان معرفی کنیم و در این بین شما با برخی از آنها آشنا و با برخی ناآشنا بودید . سلکتور any-link نیز یکی از مواردی است که احتمال دارد با آن آشنایی کمی داشته باشید و تاکنون در هیچ یک از پروژه‌های طراحی سایت نیازی به استفاده از آن پیدا نکرده باشید ، اما ببینیم این سلکتور دقیقا برای چیست !

اگر مقاله قبلی ما یعنی ” آموزش سلکتور link: در css ” را مطالعه کرده باشید ، متوجه شدید که برای یک تگ a در صفحه وب سایت ، چهار حالت اصلی به نام های link و visited و hover و focus داریم و گفتیم که در حالت link ، هنوز مخاطب روی تگ a یا تگ area کلیک نکرده و در حالت visited لینک را باز کرده و از محتوای آن دیدن نموده است .

برای هریک از حالت‌های link و همچنین visited می‌توان توسط سلکتورهای link: و همچنین visited: استایل نویسی کرد تا ازهم متمایز شوند . اما اگر اکنون قصد داشته باشیم تا برای هردوحالت link و visited یک استایل مشابه بنویسیم باید چه کنیم ؟ اینجاست که انتخابگر any-link: برای شما یک راه نجات است .

البته دقت داشته باشید همانند تمامی مقالاتی که در مورد انتخابگرها خدمتتان معرفی کردیم ، درمورد انتخابگر any-link: نیز باید گفت نیازی به استفاده از این سلکتورها زمانی که اطلاعات و دانش کافی دررابطه با محل دقیق استفاده از آن را ندارید ، نیست و باید در زمینه کار با css مهارت کافی داشته باشید تا بخوبی درک کنید که چه زمانی نیاز به استفاده از انتخابگر any-link: دارید .

چگونه از any-link: استفاده کنیم ؟

برای اینکه انتخابگر any-link: روی تگ هایی که صفت target را دارند به درستی اعمال شود ( که معمولا تگ a و تگ area هستند ) باید به شکل زیر عمل کرد :

a:any-link {
  color: #515151;
  text-decoration-color: blue;
}

در این بخش مشاهده می‌کنید که به سادگی می‌توان با اشاره به انتحابگر any-link: استایل مدنظر خودتان را برای آنها درنظر بگیرید . البته با توجه به اینکه حالت visited زمانی اتفاق خواهد افتاد که کاربر لینک مدنظر را دیده باشد ، پس برای قسمت هایی همچون فهرست بندی مطالب ، شاید استفاده از انتخابگر any-link: گزینه درستی نباشد و همانطور که اشاره کردیم ، این موارد کاملا بستگی به پروژه و همچنین تخصص css کار پروژه دارد .

در حالت کلی any-link: انتخابگری است که شاید در 1% پروژه‌های طراحی سایت به استفاده از آن نیاز باشد اما اطلاع از وجود چنین انتخابگر هایی نیز خالی از لطف نیست و بعنوان یک طراح بدنیست تا با این موارد نیز آشنایی داشته باشید .

این سلکتور بروی تمامی مرورگرهای جدید و اکثر نسخه های قدیمی مرورگرها پشتیبانی می‌شود و درصورت نیاز می‌توانید با خیال راحت از آن استفاده کنید . حتما سایر مقالات انتخابگرهای جذاب css را در سایت مطالعه کنید . نظرات و سئوالات خود را در بخش دیدگاه‌های همین مقاله با ما به اشتراک بگذارید .