تعديل على كود قائمة المنتديات

[Mr.Google]

تقبل الله صيامكم

طلب تعديل على كود: قائمه المنتديات
الكود سيتم اضافته في العناصر المستقله

كيف يمكن تحديد و تضمين كود css ليعمل فقط على كود HTML للعنصر
دون التاثير على باقي المنتدى

هذا الكود

<style>
ul
{
list-style:none;
padding:0;
float:left;
width:200px;
}

ul a
{
border:solid 1px white;
padding:8px 16px;
display: block;
text-decoration: none;
background:#ecf0f1;
color:black;
}

ul li a:hover
{
background:#ced6e0;
color:black
}
</style>
<ul>
          
    <li>
          <a href="#"><strong>المنتدى العام</strong></a> 
    </li>
          
    <li>
          <a href="#"><strong>منتدى التوانسة</strong><br /></a> 
    </li>
          
    <li>
          <a href="#"><strong>المنتدى الإسلامي</strong><br /></a> 
    </li>
          
    <li>
          <a href="#"><strong>منتدى الكمبيوتر و الانترنت</strong><br /></a> 
    </li>
      
    <li>
          <a href="#"><strong>منتدى الهاتف الجوال</strong><br /></a> 
    </li>
          
    <li>
          <a href="#"><strong>برامج وملحقات التصاميم و الجرافيك</strong><br /></a> 
    </li>
          
    <li>
          <a href="#"><strong>تطوير المواقع و المنتديات</strong><br /></a> 
    </li>
          
    <li>
          <a href="#"><strong>المنتدى التعليمي</strong><br /></a> 
    </li>
      
    <li>
          <a href="#"><strong>منتدى المرأة و الأسرة و الطفل</strong><br /></a> 
    </li>
          
    <li>
          <a href="#"><strong>التشغيل و التكوين في تونس</strong><br /></a> 
    </li>
          
    <li>
          <a href="#"><strong>الشعر والأدب و اللغة العربية</strong></a>
    </li>
    
    <li>
          <a href="#"><strong>المنتدى الرياضي </strong></a> 
    </li>
      
</ul>

وفقكم الله

 

[Admin]

مشكور على الكود الجميل أخي العزيز
جهود ومواضيع مميزة وجميلة
تم النقل للقسم المناسب

 

[Mr.Google]

مشكور على الكود الجميل أخي العزيز
جهود ومواضيع مميزة وجميلة
تم النقل للقسم المناسب

الكود يقوم بالتأثير على باقي ستايل المنتدى css
نرجو التعديل عليه لكي لا تحدث مشاكل عند تركيب الكود

 

[Admin]

الكود يقوم بالتأثير على باقي ستايل المنتدى css
نرجو التعديل عليه لكي لا تحدث مشاكل عند تركيب الكود

يقوم بالتأثير لأن ليس له Class لوحه لإصلاح الخلل قم باضافة <div class="qa2ema"> في بداية الكود أعلى <ul> و في نهايته اسفل </ul> اغلق الديف </div>
ومن ثم عدل على الـ Css ليكون الكلاس كالتالي

.qa2ema ul {

}

.qa2ema li {
   
}

.qa2ema a {

}

وسيكون التأثير على هذا الكود فقط دون غيره