Html 悬停DIV或其他元素时的不透明度

我想应用

opacity:1对段落进行编码>，将标题悬停在段落上方时对段落进行编码>

这是我的CSS

.testH {
    font-family: impact;
    text-align: center;
    font-size: 50px;
    transition: all 1s;
}

.testP {
    text-align: center;
    opacity: 0.5;
    font-size: 18px;
    transition: all 1s;
}

#testHdiv:hover {
    opacity: 1;
}

.testP:hover {
    opacity: 1;
}

我的HTML

    <div id="testHdiv"><h1 class="testH"><b>< ></b></h1>
    <p class="testP">Text and text, more text<br>Bla bla bla bla</p>
    </div>

<>
文本和文本，更多文本

因此，正如您所看到的，我尝试在悬停Div时将不透明度从当前的0.5变为1-我的想法是：能够悬停“box”/Div，并且文本变得不那么透明。尽管我认为Div悬停的
不透明度
不起作用，因为Div被定义为Div，而不是文本，因此不能透明

我已经为此挣扎了一段时间了。但我基本上想要这样的东西：，在文本范围内悬停，它正在被缩放-在本例中，仅使用不透明度。
您需要将不透明度应用于
p
元素，而不是div。根据您提供的样式，您可以将其更改为：

.testH {
    font-family: impact;
    text-align: center;
    font-size: 50px;
    transition: all 1s;
}

.testP {
    text-align: center;
    opacity: 0.5;
    font-size: 18px;
    transition: all 1s;
}

#testHdiv:hover .testH {
    opacity: 1;
}

#testHdiv:hover .testP {
    opacity: 1;
}

请注意
：hover
选择器是如何应用于div的，但是样式应用于
p
元素
。testP
如果您尝试将div悬停并在悬停时影响段落不透明度，请将CSS更改为：

#testHdiv:hover  .testP{
     opacity: 1;

}
您可以将类设置为
，也可以使用运算符将
：悬停设置为段落

示例：

#testHdiv:hover > p {
    opacity: 1;
}

只需更改以下内容：

#testHdiv:hover {
    opacity: 1;
}

这样说：

#testHdiv:hover p{
    opacity: 1;
}

我不太清楚你想在这里做什么。当div悬停时，你想在段落中显示不透明度，不是吗？你在回答中问了一个问题。这更适合评论。我更改了副本。谢谢韦斯·福斯特。我不知道你可以在里面放一个简单的“>”——谢谢。这不仅仅是一个简单的
，这是为父母的直系子女准备的。