أقواس CSS - تنسيق عام

تنسيق الاقتباس القياسي في Discourse، ما هي فئات CSS بالضبط وغيرها التي تتحكم في ذلك؟

لقد جربت .blockquote، لكن ما الذي يخلق الخط الموجود على اليسار بحوالي 4/6 بكسل ولون الخلفية؟ في الواقع، في عنوان اقتباس المستخدم، هل هو ببساطة .title؟

كما هو معتاد، شكرًا مقدّمًا. لقد أمضيت وقتًا طويلًا جدًا اليوم أمام الشاشة. لقد انتهيت! لو كان هذا المنتدى يقدم :beers: كما تعلم!

You’ll want to style aside.quote .title and blockquote… You can cover both like this:

aside.quote .title, blockquote {
    // Styles here
}

@awesomerobot …at this point I owe you a :beer: Thanks!

مرحبًا، سؤال محدد:

هل يعرف أحد ما هي تنسيقات CSS للنصوص المقتبسة المتداخلة، وتحديدًا النصوص المقتبسة من “المستوى الأول”؟

ما أريد تحقيقه هو مخطط ألوان مختلف للنصوص المقتبسة المتداخلة مقارنة بـ “النص المقتبس الرئيسي”.

من شيء مثل هذا:

.quote aside .quote, .quote aside .title, .quote aside blockquote, .quote aside .onebox, .quote aside .onebox-result, blockquote, aside.quote .title {
        border-left: 5px solid #212121;
        background: #25272d;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 0 0 0 rgba(0,0,0,0.12);
        border-radius: 2px;
    }

حاولت إنشاء مخطط ألوان مختلف لهذا الجزء فقط:

.quote aside .quote, .quote aside .title, .quote aside blockquote, .quote aside .onebox, .quote aside .onebox-result

وحصلت على نجاح جزئي، لكن ليس على النص المقتبس المتداخل بالكامل.

هل لديكم أي أفكار؟

أعتقد أن شيئًا مثل هذا قد يعمل

aside.quote blockquote {
  blockquote,
  aside.quote {
    &,
    .title,
    .onebox,
    .onebox-result {
      background-color: red;
    }
  }
}

هذا يصعب قراءته قليلًا في SASS، لكن الناتج النهائي هو

aside.quote blockquote blockquote,
aside.quote blockquote blockquote .title,
aside.quote blockquote blockquote .onebox,
aside.quote blockquote blockquote .onebox-result,
aside.quote blockquote aside.quote,
aside.quote blockquote aside.quote .title,
aside.quote blockquote aside.quote .onebox,
aside.quote blockquote aside.quote .onebox-result {
  background-color: red;
}

يعمل بشكل رائع، شكرًا! :+1: :+1: :+1:

مثال:
ملاحظة 2020-01-16 110229