المحددات للوسم input في css

قد لايعلم البعض انه من خلال css يمكن التعامل مع الوسم من النوع input بشكل كبير وفعال ، انظر المثال التالي ..

<style type="text/css">
input[name="id[]"][type="text"]{
background-color: blue;
}
input[name="id[]"][type="checkbox"]{
background-color: red;
}
</style>

<input name="id[]" type="text" />
<input name="id[]" type="checkbox" />

في الاسلوب الاول يمكن تحديد اكثر من خاصية للعنصر ، في حالتنا هما الاسم والنوع ، كما تلاحظون للحقلين نفس الاسم مع اختلاف النوع ، عندما نقوم بتحديد النوع بعد تحديد الاسم سيتم تطبيق التنسيق المطلوب .. ، قم بتجربته وسترى النتيجة بنفسك ، مع ملاحظة انه قد لا يعمل على internet explorer ولا تسألني لماذا !