به سادگینوشته شده توسط m_gh_68
آره مثل این
.icon
{
width:30px;
height:30px;
float:right;
border-left:solid #999 1px ;
margin:0;
padding:0;
list-style:none;
background:url(1338634645_web_elements.jpg) no-repeat -329px -15px;
}
اما چون من از توی این عکس 10 آیکنش رو انتخاب کردم اومدم 10 تا کلاس مثل بالا نوشتم و فقط اون قسمتی که آبی هست رو تغییر دادم.نمی دونم چطور حجم نوشته هامو کم کنم؟؟!!
کد هایی که مشترک هستن رو باید مسیر مشترک بینشون رو پیدا کنی (مثلا یه مسیر از المنت ها) مثل:
.test ul li div {
}
کد های مشترک رو برای این ها بزنین یعنی کد هایی که بین آیکون ها مشترک هستن رو وارد کنین بعد برای هر کدوم از این آیکون ها هم میتونین کلاس بنویسین هم اینکه بنویسین فرزند چندم از کدوم المنت هستن بعد اونجا background-position بهش بدین
نمونه
پاسخ با نقل قول