تجاوز أسلوب CSS

Question

في ورقة أنماط العالمية المستخدمة في جميع صفحاتنا يجلس السطر التالي:

ul { margin: 0; }
li { list-style-type: none; padding-bottom: 3px; }

لذلك، أي في المجاهدين داخل صفحاتي تجعل مع عدم وجود أقراص بجانب لى.

ولكن، في حالات خاصة، ولست بحاجة لعرض القرص بجانب لى.

ولدي شعبة مع الطبقة "بلوق في مرحلة ما بعد" وعلى الرغم من أن يلي سوف تفعل خدعة بالنسبة لي.

.blog_body ul { list-style-type: disc; }
.blog_body ol { list-style-type: decimal; }

ولكن هذا لا تفعل خدعة.

وحتى مع المقتطف التالي من HTML

<ul>
  <li>Testing</li>
</ul>
<ol>
  <li>Testing</li>
</ol>

نتائج مع:

Testing
1. Testing

لا يوجد حتى الآن القرص في لى متداخلة في عام المجاهدين. الأفكار حول كيف يمكن الحصول عليها هناك؟ بلدي CSS-فو ضعيف ....

Answer 1

و! المهم ليست ضرورية لأن أساليب فئة محددة تتجاوز الأنماط العالمية بالفعل. والمشكلة هي أنه في النمط العالمي قمت بتعيين الهامش إلى الصفر. يتم تقديم نوع النمط بشكل صحيح، ولكن لا يمكنك أن ترى ذلك. هذا يجب أن تعمل لك:

.blog_body ul 
{
    list-style-type: disc; 
    margin: 1em;
}

Answer 2

تغيير هذا:

.blog_body ul { list-style-type: disc; }
.blog_body ol { list-style-type: decimal; }

وعلى هذا:

.blog_body ul li { list-style-type: disc; }
.blog_body ol li { list-style-type: decimal; }