خطأ قياسي في ملف css

[dev11]

عندما اقوم بمطابقة كود css التالي :

a:hover {
color : #eee;
}
.header {
background-color : #eee;
}

مع المعايير القياسية في الموقع The W3C CSS Validation Service
يظهر لي خطأ :

Same colors for color and background-color in two contexts .header and a:hover

معناها ان لـ .header و a:hover نفس اللون ..
هل هذا يعتبر خطأ قياسي ؟
وهل لهذا الموقع The W3C CSS Validation Service اهمية حقيقة كما يوجد لـ The W3C Markup Validation Service ؟
واخيراً ..
هل يوجد حل ؟

[Flasher]

-لا هذا تحذير وليس خطأ
-نعم

الحل :



a:hover {
color : #eee;
background-color : #fff;
}
.header {
background-color : #eee;
}

رابط متعلق
W3C CSS Validator FAQ

[محمد الثقفي]

السلام عليكم


منطقيا اذا كان لون الصفحه نفس لون مرور الماوس على الوصله

اذا عند مرور الماوس سوف يظهر فراغ وهذا يعتبر خطأ برمجي وفي نفس الوقت خطأ تصميم

حتى لو كنت تضع خلفيه اخرى لجدول ويوجد به وصله ايضا يعتبر خطأ


الحل :

انك تضع خصائص css اخرى لجدول او div وتضع فيه الوصلات

اي لاتضع

a:hover {
color : #eee;
}

وانما

.newCSS a:hover {
color : #eee;
}

ثم استعداءها في جدول او DIV

<table id="newCSS" ...

[محمد الثقفي]

فلاشر سبقتني لان كنت فاتح صفحة الرد وما انتبهت انك رديت


حل فلاشر جميل ايضا وهو وضع خلفيه وراء النص للوصله

[Flasher]

بالعكس تعدد الحلول شيء افضل ..

طيب جرب في الValidator

.newCSS a:hover {
color : #eee;
}
.header {
background-color : #eee;
}

اظن المشكلة اتت ان الvalidator يتوقع كل الاحتمالات
فمن الممكن وجود
header داخله الnewCSS
ومن الممكن ايضا وجود newCSS داخله ال header
اذا العملية معقدة شوي :con2:

[محمد الثقفي]

اذا اتوقع افضل الحلول ليس وضع خلفيه للوصله لان ذلك راح يشوه شكل التصميم

والحل استعمال الجدوال او div ووضع خلفيه لها بالكامل وجعل امر ال a:hover كما هو بلون الصفحه

لكن مشكله لو كما قلت انت انه يحسب جميع الاحتمالات اذا يقرأ ال css قبل كود الصفحه ويطابق ال css مع بعضها البعض

اي ان كل الاحتمالات خاطئه في هذه الحاله حتى لو تم وضع خلفيه اخرى للجدول

[Flasher]

طيب ما رأيك في :

a:hover {
color : #eee;
background:inherit;
}
.header {
background-color : #eee;
}

[dev11]

إخواني الكرام Flasher ، MohDesign ..
جزاكم الله خيراً ..

بالنسبة للحل :

a:hover {
color : #eee;
 background-color : #fff;
}
.header {
background-color : #eee;
}

فإنه يضع للرابط خلفية وهذا يشوه التصميم كما أسلف أخي الكريم MohDesign ..

اتوقع افضل الحلول ليس وضع خلفيه للوصله لان ذلك راح يشوه شكل التصميم

أما عن :

.newCSS a:hover {
color : #eee;
}

هو حل .. لكنه يجعل كود css معقد نوعاً ما .. ونحن نريد البساطة والسهولة ..

واخيراً الحل :

a:hover {
color : #eee;
background:inherit;
}
.header {
background-color : #eee;
}

فانني اراه الحل الامثل .. وهو مطابق للمعايير القياسية .

اكرر شكري وامتناني لإخواني Flasher ، MohDesign .