إضافة CSS إلى معاينة المحرر

[FroggyC]

متابعة للنقاش من القوائم المرتبة بعلامات غير رقمية:

اقتباسات من موضوع آخر للسياق.

@Falco

أضف غلافًا لتلك القوائم وبعض CSS

في المشاركات استخدم:

[wrap="letterlist"]
1. هو الأول
2. هو الثاني.
3. هو الثالث
[/wrap]

في السمة الخاصة بك أضف:

.cooked div[data-wrap="letterlist"]
  list-style: upper-alpha;
}

@FroggyC

لقد حاولت استخدام هذا الحل وهو يعمل، مع تصحيح CSS إلى ما يلي (السطر الأول كان ينقصه ol {):

.cooked div[data-wrap="letterlist"] ol {
  list-style: upper-alpha;
}

ومع ذلك، لا يمكنني جعله يظهر في نافذة معاينة المحرر، وهذا سيكون مشكلة كبيرة لمعظم مستخدمي. لقد حاولت الفحص باستخدام متصفح الويب، ويبدو أن CSS المخصص لم يتم تحميله أو تطبيقه على المعاينة (أنا لست محترفًا في هذا، لذلك قد أكون مخطئًا).

هل هناك أي طريقة يمكنك التفكير بها لحل هذه المشكلة، @Falco؟

---

ما أطلبه في هذا الموضوع هو: هل هناك أي طريقة لإضافة CSS مخصص يتم تطبيقه أيضًا على معاينة المحرر؟

[FroggyC]

لقد اكتشفت الأمر بنفسي. الحل هو استخدام فئة CSS .d-editor-preview كمحدد.

.cooked, .d-editor-preview {
  div[data-wrap="letterlist"] {
    ul, ol {
      list-style-type: upper-alpha;
    }
  }
}

[Falco]

هذه هي الطريقة. كان السابق خاصًا بالمنشور كما يظهر في التدفق، وقمت بتوسيعه ليشمل منطقة المعاينة أيضًا، لذا فهذا هو الحل الصحيح بالفعل.

[FroggyC]

شكراً لك، فالكو.

[FroggyC]

، @Falco إذا أردت تنسيق طبقات القوائم المتداخلة بعمق بشكل مختلف، فهل سيكون ذلك مستوى إضافيًا من ol؟