如何在DIVI代码模块中应用样式？

我有一个在DIVI代码模块的内容部分中使用过的HTML(如下所示)：

HTML(内容中存在)：

<blockquote><span>BPRO helped me realize the importance of cus- tomer organization and tracking, service track- ing and just being on the top of things behind the scene. The more you grow – the more difficult this becomes – but having the right tools to keep your business organized is just as impor- tant as having the right tools to do job itself.</span> <p>Some Person - Some Day 2018</p></blockquote>

CSS：

我也有一个CSS, 我想申请内容中存在的HTML代码。我想知道我应该在哪里放置CSS代码。我拥有的CSS代码是：

blockquote {
  padding: 20px 60px;
  background: #eee;
  border-radius: 10px;
  font-family: arial;
  line-height: 1.625;
  position: relative;
}

blockquote p {
  text-align: center;
}

blockquote span {
  position: relative;
  display: inline-block;
}

blockquote span:before {
  content: """;
  font-size: 72px;
  color: #79b83a;
  position: absolute;
  left: -40px;
  top: 40px;
  line-height: 0;
}

blockquote span:after {
  content: """;
  font-size: 72px;
  color: #79b83a;
  position: absolute;
  right: -40px;
  bottom: -10px;
  line-height: 0;
}

问题陈述：

我想知道上面的CSS代码应该放在哪里。我尝试将代码放在代码模块设置的高级部分的main元素中, 但是没有用。

#1

我看到你正在使用我昨天写的代码。

你可以将HTML保留在Divi模块中, 然后将CSS放在外观>定制程序>其他CSS部分中

编辑：看起来Divi有一个自定义CSS部分以及一个Per Module, Row和Section CSS选项, 尽管我建议将自定义CSS保留在尽可能少的位置。

#2

你也可以将CSS放入Divi Code Module Content区域, 只需使用’style’标签：

<style> 

your css code goes here:

blockquote {
  padding: 20px 60px;
  background: #eee;
  border-radius: 10px;
  font-family: arial;
  line-height: 1.625;
  position: relative;
}
... etc



</style>