تقریبا 5 سال پیش بود (19 Jul 2006) که ایده ای مطرح شد بر این منوال که
چقدر خوب میشد که می تونستیم طوری کد بنویسیم که لازم نباشه هک های css را
بصورت فعلی برای هر مرورگر به کد css اضافه کنیم و یک حالت قانون مندتری پیدا می کرد
و بجای آن استفاده از هک css مرسوم در فایرفاکس از کد
@Firefox div.trash { padding-top: 5px; }
یا مثلا برای IE6 بصورت
@IE6 div.trash { height: 1%; }
این کار انجام میشد
و همان جا این ایده مطرح شد که مثلا کد جاوا اسکریپتی نوشته شود که
مثال بالا را بشود بصورت زیر نوشت
html.firefox div.trash { padding-top: 5px; }
html.ie6 div.trash { height: 1%; }
تا اینکه یک آدم خیر(مگه خارجی ها هم خیر دارند؟!!!!...) به اسم
رافائل لیما این کار را بدون استفاده از پلاگین های مرسوم مثل جی کوئری یا موتولز انجام داد و به مرور هم لیست مرورگر ها را هم تکمیل کرد
و مثلا کد زیر نمونه آن است
.ie .example {
background-color: yellow
}
.ie7 .example {
background-color: orange
}
.gecko .example {
background-color: gray
}
.win.gecko .example {
background-color: red
}
.linux.gecko .example {
background-color: pink
}
.opera .example {
background-color: green
}
.konqueror .example {
background-color: blue
}
.webkit .example {
background-color: black
}
البته خودش مثال کامل آن را در
اینجا قرار داده
|
+قانونمندی هک css با جاوا اسکریپت| نوشته شده توسط
سعید عرب شیبانی در سه شنبه بیست و نهم آذر 1390
|
