Html 悬停效果不显示隐藏内容

顶部 { 字体系列：“画笔脚本MT”，草书； 字体大小：50px； }

我检查了其他类似的主题，尝试了+和~，但仍然不起作用

请帮忙。tia

• 删除

  +p

  因为您隐藏了整个

  .hid

• 并移除

  .top:hover+.hid中的
  +

.top
{
字体系列：“画笔脚本MT”，草书；
字体大小：50px；
}
.隐藏{
显示：浮动；
对齐内容：居中对齐；
填充：自动0；
保证金：0；
显示：无；
} 
.top:悬停。隐藏
{
颜色：红色；
显示：块；
}

---

您可以选中此项

请共享html代码，因为您需要同时设置p和hid:.top:hover.hid、.top:hover.hid请单击上面的文本，这些文本为图像内容添加了说明。@Pauline，您的代码在多次尝试后看起来很有希望，不幸的是，仍然不想显示隐藏的内容，悬停时更改颜色。之后的任何事情。top:hove，即使颜色也不会改变，只是加上一个逗号和一些东西会改变颜色，但不会显示。很抱歉发布了悬停效果的随机快照，这是我的第一选择，我尝试了不同的组合。。top.hover之后的任何内容，此代码都不起作用。如果此代码回答了您的问题，请将其标记为已回答。您可以检查它是否仍不起作用，这是我第一次尝试您提到的代码。请提供一些代码来解决您的问题

  .hid{
    align-content: center;
    padding:auto 0;
    margin:0;
    display:none;
  } 

.top:hover .hid
{
  color: red;
  display: block;
}