اذهب إلى المحتوى
  • 0

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

جمهورية ستاردول

السؤال

السلام عليكم 

عندي الوسم دا 

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

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

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

و شكرا :)

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 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
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...