• 0

كيف اقوم بعمل Hover للوسم التالي ؟

السلام عليكم 

عندي الوسم دا 

.widget li, .BlogArchive #ArchiveList ul.flat li

كيف اعمله hover في css ?

جربت بس مش قابل يزبط حاسة انو فيه خلل 

و شكرا :)

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

في هذا المثال انت لا تستخدم الخاصية :hove مع هذا الكود.

.widget li, .BlogArchive #ArchiveList ul.flat li

وفي هذا المثال أنتَ تُريد عمل hover لعُنصرين ليس عُنصرً واحدً ﻹن:
الاول 

.widget li

والثاني 

.BlogArchive #ArchiveList ul.flat li

ذلِك لانه هناك علامة ( , ) بينهما التي تمكنك من اضافة اكثر من عنصر اي CLASS او ID الخ.. ويُنسب لهم جميعاً الخصائص التي تٌكتب داخل الاقواس المعكوفه {خصائص CSS}

هنا سأكتٌب مثال بهذا الكود يعمل مع خاصية او التأثير hover

/* هنابدون hover 
والخلفيه باللون الازرق */

.widget li,
.BlogArchive #ArchiveList ul.flat li {
    background-color:blue; /* خلفية زرقاء */
}
/* هنا نستخدم hover 
ويتم عند قرب المؤشر من هذا العنصر تغيير الخلفيه من الازرق الى الاخضر */

.widget li:hover,
.BlogArchive #ArchiveList ul.flat li:hover {
    background-color:green; /* خلفية خضراء */
}

هذة هي الإجابة والطريقه لتفعيل hover على الكود الذي طرحتة في تفاصيل السؤال.
هنا مصدر يشرح بالتفصيل كيف نستخدم :hover
http://www.w3schools.com/cssref/sel_hover.asp

تمّ تعديل بواسطة xalcrazy
1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن