فصل ۲۷ – انتخابگر صفات در CSS

انتخابگر صفت $ و *
آموزش CSS
نوید معدن نژاد

جلسه ۶۳ – انتخابگر صفت $ و * در CSS

انتخابگر صفت $ چیست؟ انتخابگر صفت * چیست؟ چگونه از انتخابگر صفات برای کلمات انتهایی استفاده کنیم؟ تفاوت انتخابگر صفات $ و * در چیست؟

انتخابگر صفت
آموزش CSS
نوید معدن نژاد

جلسه ۶۲ – انتخابگر صفت ‍| و ^ در CSS

انتخابگر صفت شروع کننده چیست؟ چگونه از انتخابگر صفت | استفاده کنیم ؟ چگونه از انتخابگر صفت ^ استفاده کنیم؟ فرق انتخابگر | و ^

انتخابگر صفت ~
آموزش CSS
نوید معدن نژاد

جلسه ۶۱ – انتخابگر صفت ~ در CSS

چگونه در مقدار صفات، وجود داشتن یک مقدار را بررسی کنیم؟ در سومین مقاله از فصل انتخابگر های صفت، انتخابگر صفت [“attr~=”value] رو بررسی می‌کنیم.

انتخابگر صفت attr = value
آموزش CSS
نوید معدن نژاد

جلسه ۶۰ – انتخابگر صفت [“attr=”value]

چگونه بر اساس مقدار یک صفت را تغییر دهیم؟ دومین انتخابگر مورد بررسی تو این فصل، انتخابگر [“attr=”value] هست. نحوه نوشتار نحوه نوشتار و سینتکس

آشنایی با انتخابگر صفت
آموزش CSS
نوید معدن نژاد

جلسه ۵۹ – انتخابگر صفت [attr] در CSS

منظور از انتخابگر attr چیست؟ چگونه از Attr استفاده کنیم؟ چگونه خاصیت های HTML را استایل دهی کنیم؟ این انتخابگر، ساده ترین انتخابگر صفت از

تو این فصل، به یادگیری انتخابگر هایی می‌پردازیم که توسط اون ها، می‌تونیم عناصر رو با کمک “صفاتشون” از هم مجزا و انتخاب کنیم.

برای مثال، ممکنه چندین عکس در اختیار باشیم و بخوایم فقط اون هایی رو انتخاب کنیم که ماشین تو اون ها وجود داره. اون لحظه برای انتخاب عکس های مورد نظر، بدون استفاده از کلاس ها، آیدی ها و انتخابگر های معمولی، این انتخابگر ها به کمکمون میان.

این انتخابگر ها که قیافه های با نمکی دارن عبارت هستن از:

selector[attr]
selector[attr=”value”]
selector[attr~=”value”]
selector[attr|=”value”]
selector[attr^=”value”]
selector[attr$=”value”]
selector[attr*=”value”]

تا اینجا مقدمه کافیه، بریم و ببینیم که این انتخابگر ها چطور می‌تونن کار ما رو راحت تر کنن! :)

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=