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

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; 
}