النص الأصلي: http://wiki.github.com/stubbornella/oocss/faq (الإصدار 28 عند ترجمته)
ترجمة: يتزونغ
كيفية تعريف "الكائن" في OOCSS؟
الكائنات تشبه الفئات في JAVA وتحافظ على خصائص OO.
يتكون كائن CSS من 4 أجزاء:
يمكن أن يكون هذا مربكًا لأن كل فئة CSS ليست بالضرورة كائنًا خاصًا بها، ولكن يمكن أن تكون مكونًا لفئة مجمعة. على سبيل المثال:
<div class="mod">
<div class="inner">
<div class="hd">رأس الكتلة</div>
<div class="bd">نص الكتلة</div>
<div class="ft">القدم المحظورة</div>
</div>
</div>
الكائن عبارة عن وحدة مع فئة mod. يتضمن 4 عقد مكونة (لا يمكن أن تكون مستقلة عن الوحدة، بما في ذلك كتلتان، داخلية وجسم، وكتلان اختياريتان، الرأس والقدم)
كيف تعمل OOCSS على تحسين الأداء؟
تتمتع OOCSS بمزايا مضاعفة في الأداء:
هل تريد استخدام المعرف لتصميم المحتوى؟
يعد هذا بمثابة "هدية مجانية" للأداء عند إعادة استخدام كائن ما في نفس الصفحة (أو على نفس الموقع في نفس الوقت الذي يتم فيه تخزينه مؤقتًا بشكل جيد). لا يمكن استخدام المعرف لكتابة الأنماط إلا مرة واحدة في نفس الصفحة. @cgriego (twitter) قارنتها بالمفردات وأعتقد أنها دقيقة جدًا. قد تكون هناك مواقف تريد فيها استخدام المعرفات لتحديد الأنماط، مثل قوائم رأس محددة للغاية، وفي هذه الحالة، يمكنك استخدام المعرفات لوضع الحماية على العناصر الخاصة والتأكد من أن الكود هنا لا يؤثر على أجزاء أخرى من الموقع. فكر مرتين قبل اختيار المعرف بدلاً من الفصل الدراسي مع نمو موقعك، من الصعب حقًا التنبؤ بما سيفعله الآخرون باستخدام HTML المبني من CSS الخاص بك. إذا كان لديك خيار، فكر في قابلية التوسع قدر الإمكان.
أفكر في إزالة المعرفات من رأس القالب وجسمه وقدمه. قد يكون لدى بعض الأشخاص مناطق منزلية متعددة. من الصعب تخمين الرؤوس والتذييلات المتعددة لموقع ما، ولكن أراهن أن هناك مصممين يعتقدون ذلك، لذلك من المحتمل أن تختفي المعرفات (ليس الأمر بهذه السلاسة، اقرأ المقال الأصلي: يمكن أن يكون لدى شخص ما مناطق محتوى رئيسية متعددة. متعددة) من الصعب تخيل رؤوس وتذييلات الموقع، لكنني أراهن أن هناك مصممًا يمكنه أن يحلم بشيء كهذا، لذلك من المحتمل جدًا أن تختفي المعرفات.).
من ناحية أخرى، تعتبر خطافات الهوية رائعة للربط. ضعها في HTML، ولكن لا تستخدمها لكتابة الأنماط.
المصدر: 99css