سلکتورهای css بخش پنجم

سلکتورهای css بخش پنجم | سلکتور با صفت title | انتخابگر Xtitle Selector

سلکتورهای css بخش پنجم را برای مطالعه شما کاربران گرامی سایت آموزی تهیه کردیم.

سلکتورهای css بخش پنجم

در این بخش سه مورد از سلکتورهای مهم دیگر css را آموزش می دهیم.

سلکتورهای css بخش پنجم | سلکتور با صفت title | انتخابگر Xtitle Selector

سلکتورهای css بخش پنجم | سلکتور با صفت title | انتخابگر Xtitle Selector

انتخابگر ( X[title] Selector )

در این سلکتور کلیه تگ هایی که دارای صفت title هستند انتخاب می شوند.

در مثال ذیل ملاحظه می کنید تمام تگ های img که دارای صفت title هستند ، انتخاب شده و همه آنها دستخوش تغییر استایل حذف بردر پایین می شوند.

img[title] { border-bottom: none; }

یک مثال تصویری جهت درک بهتر این سلکتور مطابق تصویر زیر است.

در مثال پایین تنها تگ a که دارای صفت title بوده انتخاب شده و به تغییر رنگ منجر شده است.

سلکتورهای css بخش پنجم | سلکتور با صفت title | انتخابگر Xtitle Selector

سلکتورهای css بخش پنجم | سلکتور با صفت title | انتخابگر Xtitle Selector

انتخابگر ( X[href=”foo”] Selector )

این سلکتور جهت انتخاب یک مسیر مورد نظر ما به کار می رود.

به عبارت بهتر در کد پایین تمام تگ های a که مسیر آنها به siteamoozi.com ختم می شود را انتخاب می کند.

و رنگ آنها را سبز می کند. اما در تگ های a با مسیر های متفاوت تاثیری نخواهد داشت.

a[href=”https://www.siteamoozi.com”] { color: green; }

انتخابگر ( X[href*=”tuts”] Selector )

در سلکتور مورد نظر علامت * یک کاراکتر باقاعده است. و در حقیقت در این عبارات معنی (همه) می دهد.

این سلکتور در حقیقت تمام تگ های a را که در هر قسمت از href آنها کلمه tuts وجود دارد، را انتخاب می کند.

در مثال زیر کد مربوطه تمام تگ های a که در آدرس آنها کلمه make وجود داشته باشد را انتخاب و تغییر مورد نظر بر روی آنها اعمال می شود.

a[href=”make”] { text-decoration: none; }

سلکتورهای css بخش پنجم | سلکتور با صفت title | انتخابگر Xtitle Selector – اختصاصی سایت آموزی

توسط | ۱۳۹۷/۴/۲۳ ،۲۱:۵۴:۱۰ +۰۰:۰۰ تیر ۲۳ام, ۱۳۹۷|css دسته بندی ها|برچسب ها: , , , |بدون دیدگاه

در باره نویسنده :

ثبت ديدگاه

19 − 4 =