当用户将鼠标悬停在滑块上时，使光标成为手

Question

https://ilanwittenberg.com/的主页显示一个全屏滑块。不幸的是，某些PC用户无法单击屏幕进入“投资组合”页面：https://ilanwittenberg.com/portfolio/

仅当鼠标悬停在该页面上的滑块上方时（使用PC时），才可以将光标从箭头更改为手吗？

下面的代码不起作用：

.wcp-caption-plugin .image-caption-box {
    cursor: pointer !important;
}

主页包含以下代码块：

html{
overflow:hidden;
}
body{
cursor:pointer !important;
}
#fullscreen_slider_0{
z-index:0;
}
#wpadminbar{
display: none !important;
}
.content, .container{
padding: 0 !important;
min-height: 0 !important;
}
#top.avia-blank #main .container_wrap:first-child{
border: none !important;
}
#top.avia-blank #wrap_all #main{
border: none !important;
}

我应该对此代码进行更改吗？

预期结果是，将鼠标悬停在主页上显示的全屏滑块上方时，鼠标光标将从箭头变为手形。

Answer 1

.wcp-caption-plugin .image-caption-box在该页面上似乎不存在。尝试将规则添加到.splash-logo

Answer 2

在CSS上使用伪类：

.wcp-caption-plugin:hover .image-caption-box:hover {
    cursor: pointer !important;
}

或根据需要分隔类：

.wcp-caption-plugin:hover {
    cursor: pointer !important;
}

.image-caption-box:hover {
    cursor: pointer !important;
}

Answer 3

问题使用以下CSS代码解决：

.splash-logo:hover {
cursor: pointer !important; 
}