CSS! هل لديك لتكرار نفس خصائص كل حالة الارتباط؟ (وصلة، زار، تحوم ... الخ)؟

Question

هل من الممارسة الضرورية أو سيئة لتكرار الخصائص التي لا تتغير في كل نوع الارتباط؟ مثل هذا:

a:link {display: block; width: 50px;}
a:visited {display: block; width: 50px; color: #000;}
a:hover {display: block; width: 50px; color: #FFF}
a:active {display: block; width: 50px; color: #FFF}

هل يحتاج كتلة العرض ليكون في كل؟ أم أن ذلك عادة سيئة؟ أيضا، يمكنك سلسلة لحالات الارتباط؟ مثل هذا:

a:hover, a:active {display: block; width: 50px; color: #FFF}

وبالإضافة إلى ذلك، عندما يكون لديك معرف إضافية / فئة على الروابط، ينبغي لها أن ترث الأنماط الافتراضية أولا، ثم تغيير لهوية / فئة معينة؟ مثل هذا:

a:link {display: block; width: 50px; color: #000;}
....(etc)
a.menu:link {color: #FFF;}
....(etc)

هل الرابط .menu الحصول على العرض والعرض من: الرابط وبعد ذلك فقط تغيير اللون

وشكرا جزيلا على اي مساعدة تطهير كل هذا حتى!

Answer 1

ويمكنك حالات الارتباط السلسلة.

و: الارتباط و: زار هي التعريفات الأساسية للالروابط. والتصريحات التي أدلى عليها يكون على كل وصلة على الصفحة، حتى عندما وصلة لديها فصول أو الهوية.

وقال أن: تحوم و: نشطة لا تحتاج العرض: كتلة، إذا أعلن على: الارتباط و: زيارة

Answer 2

لا حاجة لتكرار الخصائص، ولست متأكدا ما اذا كان "عادة سيئة" في حد ذاته لكنه بالتأكيد شيء يمكن تحسين.

ويمكنك وضع {عرض: كتلة. عرض:. 50px} وهذا سوف تغطي جميع الدول (ما لم يتم تعيين واحد مختلف في أماكن أخرى ونعم، يجب عليك أيضا أن تكون قادرة على سلسلة الدول

وأنت على حق تماما، وأنها سوف ترث أسلوب تعيين لنوع العنصر ولكن معرف / والمتغيرات اسم الفئة الأسبقية في حالة تعيينها.

Answer 3

وبعد الإجابة بن ل:

a{ display:block; width: 50px }
a:hover, a:active{ color: #fff; }
a:visited{color: #000}