% تخفیف ویژه تخفیف های شگفت انگیز ثبت نام در دوره های برنامه نویسی وب و موبایل رو از دست ندید! (از عید فطر تا پایان خرداد)

آموزش CSS (فصل دوازدهم - جلسه دوم) : سایر گزینشگرها در CSS

- visibility ۴ mode_comment

در این جلسه از آموزش css با گزینشگرهای صفت یا همان attr selectors آشنا خواهیم شد. همانطور که میدانید تگ های html دارای صفت هایی نیز هستند ما در این جلسه خواهیم آموخت که چگونه به هر تگ با صفت های مختلف استایل متفاوتی دهیم.

گزینشگرهای صفت

برای انتخاب یک صفت در css پس از انتخاب تگ، صفت و مقدار آنرا در داخل [] قرار می دهیم به کد زیر دقت کنید :

برای مثال می خواهیم با استفاده از صفت alt رنگ متن مان را تغییر دهیم کد html

کد css

دقت داشته باشید که می توان از همه صفت های موجود استفاده کرد حتی class و id به طور مثال :

این کد تعیین میکند تگ p که مقدار صفت class ان برابر با blue-text است رنگش را برابر با آبی قرار بده. کد بالا و کد

کار یکسانی را انجام می دهند. البته فقط مرورگرهای مدرن و ie9+ از همه ی صفت ها پشتیبانی می کنند مرورگرهای قدیمی فقط از تگ input، صفت type پشتیبانی می کنند. بسیار خب اموزش این جلسه به پایان رسید در جلسه بعدی با سایر خصوصیات موجود در css آشنا خواهیم شد.

comment دیدگاه کاربران
حسن

سجاد جان واقعا دمت گرم !
خیلی حال کردم ! میبینم ! آموزش ها باز پشت سر هم مرتب میزاری !
واقعا خسته نباشی دست مریزاااااااااااا

سجاد دریس

سلام حسن جان.
ما مخلص شماییم.!
ممنون.

safiran

سلام
آقا دمت گرم، خسته نباشی… بسیار مفید بود
فقط فکر کنم اون تگ input تو بعضی از مرورگرهای قدیمی هم پشتیبانی نمیشن.(مرورگرهای خیلی قدیمی و فاجعه 😀 )

عرفان

ممنون

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.