كيف نفرق بين القائمة الرقمية والقائمة النقطية في CSS

السلام عليكم
اخواني الكرام
لدي موقع وعند عمل التعداد النقطي والرقمي وضعت الكود التالي بملف Css

كود HTML:

---


li {

line-height: 15px;

padding-right: 15px;

padding-top: 0px;

text-align: right;
background-image: url(images/bullet.gif);

background-repeat: no-repeat;

background-position: right;

}
ol {
        background-image: none;
}

---

وهنا كود النص من الصفحة

كود HTML:

---

<ul>
        <li>من نحن من نحن</li>
        <li>من نحن من نحن</li>
        <li>من نحن من نحن</li>
        <li>من نحن من نحن</li>
</ul>
<ol>
        <li><span lang="ar-sa">من نحن من نحن </span></li>
        <li><span lang="ar-sa">من نحن من نحن .</span></li>
        <li><span lang="ar-sa">من نحن من نحن </span></li>
</ol>

---

لكن المشكلة ان التعداد النقطي والتعداد الرقمي كله يطلع في الصفحة بنفس التنسيق
كيف استطيع اخلي التعداد الرقمي يظهر بشكل صحيح كارقام لكن النقطي يبقى كما هو في الصفحة.
ارجو الافادة جزاكم الله خيرا

بهذي الطريقة :

كود:

---

ul li {

النقطي

}
ol li {

العددي

}

---

اشكرك اخي الفاضل
جربت ما تكرمت به وبالفعل اختفت صورة التنقيط
من القائمة الرقمية لكن لم تظهر ارقام الترقيم
وضعت الكود كالتالي

كود:

---

ul li {

line-height: 15px;

padding-right: 15px;

padding-top: 0px;

text-align: right;
background-image: url(images/bullet.gif);

background-repeat: no-repeat;

background-position: right;

}

ol li {
        background-image: none;
       
}

---

كيف يمكن اظهار الترقيم ؟

اتتمنى الافادة يا اخوان
لا زلت منتظركم

عشان تكون رقمية ضيف عليها :

كود:

---

list-style-type: decimal

---

للمزيد حول list-style-type