Javidhb
چهارشنبه 04 دی 1392, 10:51 صبح
در مورد +:
بعد p1 المنت بعدی p2 هست... p6 رو همینجوری الکی اون ته گذاشتم! اون p هایی که رنگشون سیاه(3 و 6)، یعنی هیچ استایل روشون انجام نشده.
#p1 + p{
color: red;
}
میاد فقط یدونه p که حتما بعد از p1 قرار گرفته باشه رو انتخاب و رنگش رو قرمز میکنه=> توی مثال ما میشه p2
نگفتیم p2 .. گفتیم اولین p که بعد از p1 باشه... حالا ممکنه ما p6 رو بزاریم بعد از p1 و با همین css ایندفعه p6 رنگش قرمز میشه...
از نظر css اولین p که بعد از p1 باشه باید رنگش قرمز بشه.
اما در مورد سوال دومتون ... باید ازتون معذرت بخام... خیلی مثال بدی زدم!! :) ببخشید
دمـو (http://jsfiddle.net/Ls2LF/)
p[class~=class1]{
color: blue;
}
میگه که بین تمام p ها بگرد و اونایی که توی خاصیت class خودشون عبارت 'class1' رو دارن رو انتخاب و رنگشون رو آبی کن.
مثلا
<p class='class1 class3'>6</p>
دوتا کلاس داره... که یکیشون 'class1' هست... پس انتخاب و رنگش آبی میشه.
بجای گشتن توی class یه المنت میتونید توی خاصیت title, alt و ... دنبال یه عبارت خاص بگردید و انتخابتون رو انجام بدید.