عند استعمال:

/* simple reset */
a  {
	text-decoration: none;
}

فلا حاجة لتكرار نفس الخاصية في أماكن أخرى، يمكنك استعمال:

text-decoration: none;

فقط إذا أردت تغيير القيمة إلى:

a  {
	text-decoration: underline;
}

كذلك لا تكرر الخاصية في كل من a و a:hover

a  {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

يكفي أن تكتب الخاصة مرة واحدة في الوسم a:

a  {
	text-decoration: none;
	color:#999
}
a:hover {
    color:#666 /* .. */
}

أسهل طريقة لإضافة خصائص مختلفة لمتصفحات IE مباشرة في ملف Style ودون استعمال Conditional Statements هي باستعمال *html كالاتي:

p {
 border:1px solid #666
}

*html p {
 border:1px solid #f00
}

ال Fix السابق سيعمل مع IE6 وإن أردت كتابة ترقيع ل IE7 وتجاهل IE6 فأضف علامة + كالاتي:

*+html p {
 border:1px solid #f00
}

هناك طريقة مختصرة دون إعادة تكرار Class نفسه:

p {
 border:1px solid #666;
 *border:1px solid #f00
}

سيظهر الإطار الأحمر في كل من IE6 و IE7 وإذا أردت تجاهل IE6 مع ظهور الاطار الأحمر في متصفح IE7 فاكتب:

p {
 border:1px solid #666;
 *border:1px solid #f00;
 _border: 1px solid #666
}

أستعمل هذه الأدوات لإجراء Testing و Debugging:

• Web Developer 1.1.8
• IE Tab 1.5.2
• Html Validator 0.8.5.8
• Firebug 1.4.0b4

إصدار IE8 أصبح يأتي مع تحديثات Windows XP، قمت بتنصيب هذا الإصدار لتجربته، يبدو أفضل من النسخ السابقة من حيث التصفح وبعض الأفكار المقتسبة من هنا وهناك.

لكن يؤسفني أنني لم أجد الدعم الذي كنت أنتظره مع المعايير القياسية، فظهور مشاكل كثيرة في العرض، علما أن المواقع التي اختبرتها سليمة، جعلتني أخرج باستنتاج أن IE8 فعلا لا يدعم المعايير القياسية بالشكل المقبول.

أفضل الان دعم مستعملي IE6 و IE7 فلم يحن الأوان بعد لأفكر في كتابة FIX لمستعملي IE8.

• تابع مطوري الويب المهتمين ب CSS على Twitter.
• من حين لآخر زر  صفحة الكتب في SitePoint لمعرفة جديد كتب CSS.
• شارك في المجموعات المهمتة ب CSS على موقع Flickr.
• احصل على مزيد من أعمال CSS من مواقع Freelancing.