بخش Vip سئو نود

بهترین فرصت برای یادگیری در قسمت Vip سئو نود هم اکنون برای دانشجوبان عزیز فراهم شده است

جزئیات بیشتر
آموزش یکبار برای همیشه
بمناسبت عید بزرگ فطر ، 25% تخفیف ویژه با کد : EidFetr

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

مقالات طراحی سایت

توسط انتخابگر any-link می‌توانید تمامی تگ‌های a و همچنین area را که دارای صفت target هستند در حالت های link و visited استایل دهی کنید . پس در این مقاله همراه ما باشید .

0 36
آموزش سلکتور 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 را در سایت مطالعه کنید . نظرات و سئوالات خود را در بخش دیدگاه‌های همین مقاله با ما به اشتراک بگذارید .

امید قدیمی

امید قدیمی هستم ، 8 سال است که در زمینه طراحی و برنامه نویسی وب سایت فعالیت می کنم . توسعه دهنده فرانت اند ، طراح و برنامه نویس انواع وب سایت های وردپرسی ، فعال در زمینه تولید محتوا و سئو وب سایت

نقشه راه فرانت

اگر قصد دارید تا یک طراح ماهر باشید ، ما درست ترین مسیر را برای شما فراهم کردیم و فقط کافیست همراه ما باشید

شاید این مطالب نیز برای شما جالب باشد

چگونه از سلکتور disabled: در css و طراحی سایت استفاده کنیم ؟ طراحی بهتر فرم های وب سایت با انتخاب کننده disabled را در این آموزش یاد بگیرید !

0 31

چگونه می‌توان با کمترین دردسر از شر تحریم سایت فری پیک و تمام سایت‌های تحریم شده خلاص شد ؟! در این مقاله روش‌هایی را خدمتتان آموزش خواهیم داد که بصورت قطعی عبور از تحریم را ممکن خواهد کرد .

3 4,175
دیدگاه ها و نظرات
توجه کامنت های انگلیسی تایید نخواهند شد در صورت داشتن مشکل ، قبل از ارسال دیدگاه نظرات سایر دوستان را نیز مطالعه فرمائید برای مشاهده پاسخ دیدگاه ها بر روی علامت " " کلیک کنید
اشتراک دیدگاه
captcha
تکمیل تمامی فیلد ها الزامی است

آموزش های رایگان بیشتر در آپارات و یوتیوب سئو نود
کانال آپارات سئو نود چنل یوتیوب سئو نود