子比主题美化彩色标题样式

使用WordPress搭建网站，很方便，插件也多，美化更是容易一点，使用子比主题的话，不美化总感觉心里不舒服。如果想要实现列表页面，鼠标滑到标题自动彩色该如何设置呢？

网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式：

/*文章标题阅读彩色样式*/
.pink{background-color:#777777 !important;}
@media screen and (min-width: 680px){.joe_div{background: url(PNG图片路径) right 10px bottom 10px no-repeat;background-size: 12%;}}
.joe_div{color:#989898;word-break: break-all;line-height: 25px;border-radius: 10px;border: 1px solid #777777;padding: 28px 14px 14px 14px;}
.item-heading :hover,
.text-ellipsis :hover,
.text-ellipsis-2 :hover,
.links-lists :hover {
  background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  -webkit-animation: maskedAnimation 4s infinite linear;
}

@keyframes maskedAnimation {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: -100% 0
  }
}
/*文章标题阅读彩色样式结束*/

不保证有没有效果，毕竟以前出现过错误：《错误记录：程序网站文章标题颜色自定义代码教程》

👋 感谢您的观看！