CSS 引号 - 通用样式

开发
1

Discourse 中标准引用样式的精确 CSS 类及其他控制元素是什么？

我尝试过 .blockquote，但左侧约 4/6 像素的线条和背景色是由什么生成的？实际上，在用户引用标题中，那是不是仅仅是 .title？

一如既往，提前感谢。我今天盯着屏幕太久了，我受够了！要是这个论坛能供应 :beers: 就好了，你懂的！

2

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

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

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

4

你好，有一个具体问题：

有人了解嵌套引用的 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

结果只取得部分成功，但并未覆盖整个嵌套引用。

有什么建议吗？

5

我觉得类似这样的写法可能有效

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;
}
6

效果完美，谢谢！:+1: :+1: :+1:

示例：
Anteckning 2020-01-16 110229