I'；我试图在CSS-SquareSpace中悬停一个元素并在另一个元素下面划线

我正在制作一个squarespace网站，我正试图通过使用CSS将鼠标悬停在另一个元素上，从一个元素触发并加下划线。我已经找到了这两个元素，但它不起作用

我尝试了所有的方法，找到了两个选择器，但仍然不起作用

这是第一个悬停在上面的选择器：

#block-3b9da8935751df7fd9e0.sqs-block-image .design-layout-poster .image-overlay

我想把这句话写在下面：

#block-3b9da8935751df7fd9e0 p.min-font-set

这是我尝试使用的自定义CSS：

#block-3b9da8935751df7fd9e0 p.min-font-set
{
    text-decoration: none;
} 

#block-3b9da8935751df7fd9e0.sqs-block-image .design-layout-poster .image-overlay:hover #block-3b9da8935751df7fd9e0 p.min-font-set 
{
     text-decoration: underline;
}

---

它们单独改变了样式，但当我把它们放在一起时，它们什么也没做。如果有人对此有任何见解。请让我知道

我没有使用SquareSpace，但我想你应该使用JavaScript。你能提供一个指向相关站点/页面的链接吗？如果是这样，考虑编辑你的问题。您可以使用yoursite.squarespace.com/your-page URL，并在必要时提供仅查看密码。这通常使回答Squarespace特定的、与CSS相关的此类问题变得更容易。