一些WordPress page builders允许您添加自定义CSS。如果您了解CSS，则此功能非常有用，因为您可以凭借自己的知识来实现​​任何样式。在Divi中，添加自定义CSS变得更加容易。您可以直接将自定义CSS应用于模块，而无需定义选择器。最好的部分是您可以将不同的CSS应用于每种设备类型（桌面，平板电脑和智能手机）。

听起来很棒（能够在不定义选择器的情况下添加自定义CSS），但该方法还具有一些缺点。在某些情况下，按照自己的定义选择器是添加自定义CSS的最佳方法。

想象这个示例。您希望使用自定义CSS应用自定义样式将帖子内容的超链接。通常，您可以使用这些选择器et_pb_post_content a。但是，由于Divi不允许您在模块上定义选择器，因此您无法使用选择器。作为比较，在Elementor中，您可以在将自定义CSS添加到小部件时自己定义选择器，以便将预定义的选择器和HTML元素选择器组合在一起。这是一个示例：

在Divi中使用自定义类选择器

如果要使用自己的选择器，是否有解决方案？ Divi有一个称为代码的本机模块，您可以用它来添加自定义代码。该模块支持三种语言：HTML，JavaScript和CSS。您可以使用它使用自定义CSS选择器。

在这篇文章中，我将向您展示如何将Divi的代码模块用于create a gradient heading。

首先，将代码模块添加到您的页面。将您的CSS代码添加到编辑器中。不要忘记在<style>的开头标签和CLASS COLLING TAG </style>之间添加代码。这是一个示例：

<style>
.gdrnt h1, h2, h3, h4{
    background-image: linear-gradient(to left, #feac5e, #c779d0,#4bc0c8);
    -webkit-background-clip: text;
    display: inline-block;
    -webkit-text-fill-color: #00000000;
}
</style>

您可以看到，以上CSS代码具有五个选择器（一个自定义类选择器-gdrnt-和四个HTML元素选择器）。这些选择器的组合是指目标元素与具有H1，H2，H3或H4的gdrnt的类选择器。

如果将类选择器添加到具有以下标题级别之一的模块中，则将应用梯度。

除了自定义选择器外，您还可以使用Divi代码模块上的预定义选择器。例如，您可以使用这些选择器et_pb_post_content a来定位使用Divi主题构建器创建的自定义模板上的帖子内容的链接。