استخدام المحدد * في ورقة الأنماط لإعادة تعيين الأنماط

Question

في الوقت الحالي، أقوم فقط بإعادة تعيين الأنماط التي أحتاجها في الجزء العلوي من ورقة الأنماط الخاصة بي، مثل:

html, body, div, fieldset, form, h1, h2, h3, h4, p, ul, li {
    margin: 0;
    padding: 0;
}

ومع ذلك، فقد رأيت في كثير من الأحيان أن الناس يستخدمون:

* {
    margin: 0;
    padding: 0;
}

يبدو أن هذا يجعل الأمور أسهل، ولكن في مكان آخر (لا أتذكر أين...) قرأت أن استخدام المحدد * يؤثر بشكل خطير على الأداء.

هل هذا صحيح، هل قائمة طويلة من المحددات (المثال يحتوي فقط على عدد قليل من المحددات، يمكن أن يكون أكثر) تعمل بشكل أفضل من المحدد * وهل هناك عيوب أخرى للمحدد *؟

Answer 1

وركضت مرة واحدة بعض القياس، ولم إعادة تعيين * {} يتم تشغيل أي أبطأ من إعادة تعيين - مايرز، YUI ولا إعادة تعيين على الإطلاق.

والمشكلة الرئيسية مع إعادة تعيين * {} هو أنه يعيد الحشو على الأزرار المدخلات بالنسبة لمعظم المتصفحات ولكن IE تبقي بعض من الحشو لها مما يجعل من الصعب جدا على الدوام أسلوب أزرار عبر متصفح.

Answer 2

لماذا لا تستخدم أحد الملفات إعادة تعيين CSS القياسية مثل إيريك ماير الصورة أو YAHOO الصورة؟

Answer 3

عبر توصيات السرعة من Google, ، محدد أحرف البدل غير فعال للغاية.بالإضافة إلى ذلك، قد يكون لديك صناديق في المستقبل لا تريد إعادة تعيينها.ومن خلال تسمية كل واحدة على حدة، تحصل على الكفاءة والتحكم.