• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
سلکتوری مشابه element[attr~="value"] را بهتر بشناسیم
#1
سلام،

سلکتور زیر از دید خارجیا که تو چند تا مقاله‌شون خوندم انگار یکم فهمش سخته. گرچه هرچقدر اونا سخت میدونن واسه من آسون بود. گفتم منم اینجا در موردش بنویسم شاید هرچی Smile
کد:
element[attr~="value"]

بارها دیدید حتما که واسه المنتی چند تا کلاس تعریف میکنن که با فاصله نام کلاس ها رو جدا میکنن. مثل زیر.
کد:
<div class="class1 class2 class3"></div>

این سلکتور کاربردش اینه که در چنین مواقعی کلاس مورد نظر رو تشخیص میده و براش مهم نیست کلاسی مختص یک المنت تنها باشد یا با چند کلاس مشترک برای یک المنت باشد. آن را تشخیص میدهد.

یه مثال از کاربرد سلکتور


اگر سلکتوری براتون نامفهومه در پ.خ بگید تا در موردش در تاپیک جدا بنویسم.
غایب
  پاسخ
تشکر شده توسط : Y.P.Y masoudmanson Reza ali786 oia
#2
من که کلاً از html5 و قابلیت های جدید css ای جاموندم...

عجب چیزیه این یکی:
http://codepen.io/mmoustafa/pen/cIJyu
وبلاگ: Yousha.Blog.ir


 کد کمتر => خطای کمتر => قابل فهمتر => خوانایی بالاتر => نگهداری بهتر

  پاسخ
تشکر شده توسط : oia
#3
نقل قول: من که کلاً از html5 و قابلیت های جدید css ای جاموندم...
دیگه به تو که نمیشه توصیه کرد. از خودت کلی چیز میز یاد گرفتیم داداش. ولی واسه اونایی که عقب موندن Smile بهتره همیشه دنبالش کنن. چون یه جوری به آدم حس آرامش میده. هرچقدر که PHP خوشکه این یکی شیرین و نرمه.
این وبسایتم آره خیلی باحاله. چیزای کمیک ولی جالبی توش پیدا میشه. ابزار ولی ردیفیه. خودم نمونه کارهامو اینجا مدتیه آپ میکنم بجای jsfiddle. خیلی سبک تر و ساده تره.
غایب
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان