Javascript 如何向滑动箭头添加悬停效果

$（'.hero slider'）.slick（{
幻灯片放映：1，
幻灯片滚动：1，
箭头：是的，
点：错，
无限：真的
});

Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界标准的虚拟文本

Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界标准的虚拟文本

Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界标准的虚拟文本

遵循以下代码：


nava{
位置：相对位置；
显示：内联块；
利润率：15px 25px；
大纲：无；
颜色：#fff；
文字装饰：无；
文本转换：大写；
字母间距：1px；
字体大小：400；
文本阴影：0 0 1px rgba（255255,0.3）；
字号：1.35em；
}
.cl-effect-19 a{
线高：2米；
利润率：15px；
-webkit透视图：800px；
-moz透视图：800px；
透视图：800px；
宽度：200px；
}
.cl-效应-19 a跨度{
位置：相对位置；
显示：内联块；
宽度：100%；
填充：0 14px；
背景：#e35041；
-webkit转换：-webkit转换0.4s，背景0.4s；
-moz变换：-moz变换0.4s，背景0.4s；
过渡：变换0.4s，背景0.4s；
-webkit变换样式：保留-3d；
-moz变换样式：preserve-3d；
变换样式：保留-3d；
-webkit转换源：50%50%-100px；
-moz变换原点：50%50%-100px；
变换原点：50%50%-100px；
}
.cstransforms3d.cl-effect-19 a跨度：：之前{
位置：绝对位置；
排名：0；
左：100%；
宽度：100%；
身高：100%；
背景：#b53a2d；
内容：attr（数据悬停）；
-webkit转换：后台0.4s；
-moz转换：背景0.4s；
过渡：背景0.4s；
-webkit变换：旋转（90度）；
-莫兹变换：旋转（90度）；
变换：旋转（90度）；
-webkit转换源：0.50%；
-moz变换原点：050%；
变换原点：0.50%；
指针事件：无；
}
.cl-effect-19A：悬停跨度，
.cl-effect-19A：焦距{
背景：#b53a2d；
-webkit变换：旋转（-90度）；
-莫兹变换：旋转（-90度）；
变换：旋转（-90度）；
}
.cstransforms3d.cl-effect-19a：悬停跨度：：之前，
.cstransforms3d.cl-effect-19a：焦点范围：：之前{
背景：ef5e50；
}

请发布您的代码的JSFIDLE演示。请提供一些html和css代码请阅读-寻求调试帮助的问题（“为什么此代码不工作？”）必须包括所需的行为，一个特定的问题或错误，以及在问题本身中复制它所需的最短代码。您已经复制粘贴了我提供的参考链接所使用的代码。我已经试过了，因为slick slider是一个插件，所以我不能将span类添加到按钮中。按钮来自插件。这就是我在这里发布这个查询的原因。@Sanjeev当然。我添加了一个滑块，并使用CSS定制了箭头。参考链接中使用的方法是更改按钮的结构并向其添加一个span类。但是，在光滑的滑块中，定制箭头/按钮很容易，我已经做到了。我无法实现这种转变。所以请帮我解决这个问题。@Gabbax0当然。我添加了一个滑块，并使用CSS定制了箭头。参考链接中使用的方法是更改按钮的结构并向其添加一个span类。但是，在光滑的滑块中，定制箭头/按钮很容易，我已经做到了。我无法实现这种转变。因此，请帮助我如何做到这一点。使用jquery追加“span:$（“#cl-effect-19a”）。追加（$（$（“ratotouille”）；