YUI إعادة تعيين CSS يجعل <strong><em>هذا العمل</em></strong>

Question

هذا الخط في YUI هو إعادة تعيين CSS تسبب المتاعب بالنسبة لي:

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

فإنه يجعل بلدي em ليس مائل و strong لا جريئة.التي على ما يرام.أنا أعرف كيفية تجاوز ذلك في بلدي الأنماط.

strong, b 
{
  font-weight: bold;
}

em, i 
{
  font-style: italic;
}

المشكلة تأتي عندما يكون لدي نص سواء em و strong.

<strong>This is bold, <em>and this is italic, but not bold</em></strong>

بلدي القاعدة strong يجعل جريئة لكن يوي حكم على em يجعل من الطبيعي مرة أخرى.كيف يمكنني إصلاح ذلك ؟

Answer 1

إذا كان الخاص بك قوية الإعلان يأتي بعد يوي لك أن تجاوز ذلك.يمكنك فرض مثل هذا:

strong, b, strong *, b * { font-weight: bold; }
em, i, em *, i * { font-style: italic; }

إذا كنت لا تزال تدعم IE7 سوف تحتاج إلى إضافة !important.

strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }

يعمل هذا - انظر لنفسك:

/*YUI styles*/
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}
/*End YUI styles =*/

strong, b, strong *, b * {
  font-weight: bold;
}

em, i, em *, i * {
  font-style: italic;
}

 <strong>Bold</strong> - <em>Italic</em> - <strong>Bold and <em>Italic</em></strong>

Answer 2

وأود أن استخدام هذه القاعدة لتجاوز يوي إعادة تعيين:

strong, b, strong *, b *
{
  font-weight: bold;
}

em, i, em *, i *
{
  font-style: italic;
}

Answer 3

إذا بالإضافة إلى استخدام يوي إعادة تعيين.css, يمكنك أيضا استخدام يوي القاعدة.css, ثم سوف تكون كل مجموعة مع مجموعة قياسية من عبر متصفح قاعدة الأساليب.

الرابط: http://developer.yahoo.com/yui/base/

Answer 4

كان لي مشكلة مماثلة عندما أضفت يوي إعادة تعيين إلى أعلى الأسهم ملف CSS.لقد وجدت أن أفضل شيء بالنسبة لي هو ببساطة إزالة كافة

font-weight: normal;

الإعلانات من يوي إعادة تعيين.لم ألاحظ أن هذا قد أثر أي شيء "عبر المتصفح."

كل الإعلانات بعد يوي إعادة تعيين لذلك أنا لست متأكدا من السبب في أنها لم تكن تأخذ تؤثر.

Answer 5

طالما الأنماط الخاصة بك يتم تحميلها بعد إعادة تعيين تلك التي يجب أن تعمل.ما المتصفح الذي هو هذا ؟ لأنني العمل بطريقة مماثلة نفسي وأنا لم تصل هذه المشكلة أنا أتساءل عما إذا كان هناك شيء في بلدي التجارب على خطأ.

Answer 6

إعادة تعيين الأنماط الأفضل أن تستخدم كقاعدة.إذا كنت لا ترغب في إعادة تعيين م أو قوية ، بإزالتها من الأنماط.

Answer 7

كما قال كريس, لم يكن لديك إلى استخدام الدقيق CSS أنها توفر دينيا.وأود أن مجرد حفظ نسخة على الخادم الخاص بك ، وتعديلها لتلبية الاحتياجات الخاصة بك.

Answer 8

أود أن أقترح تجنب أي شيء ينطوي على القرصنة يوي الملفات.عليك أن تكون قادرا على تحديث المكتبات الخارجية في المستقبل و إذا كان موقعك يعتمد على تحرير إصدارات هناك فرصة جيدة أنها سوف تحصل على أفسدت.أعتقد أن هذا هو عام للممارسة الجيدة لأي مكتبة 3rd الطرف التي تستخدمها.

حتى ظننت هذا الجواب كان من بين أفضل منها

إذا بالإضافة إلى استخدام يوي إعادة تعيين.css, يمكنك أيضا استخدام يوي القاعدة.css, ثم سوف تكون كل مجموعة مع مجموعة قياسية من عبر متصفح قاعدة الأساليب.

Answer 9

أرى ما تقوله.أعتقد يمكنك إضافة CSS مثل هذا:

strong em { font-weight: bold; }

أو:

strong * { font-weight: bold; }

Answer 10

اعتقدت أنني قد حل مثالي:

strong, b 
{
  font-weight: bold;
  font-style: inherit;
}

em, i 
{
  font-style: italic;
  font-weight: inherit;
}

للأسف, Internet Explorer لا يدعم "وراثة". :-(