Even though I followed the solution from another source, the Description I set still refuses to show up in the text box.
I have already attempted this: How To Change Text Box Content On Hover I meticulously checked every class name and every bracket in the CSS code, but it seems like nothing is working. What could possibly be causing this issue?
Here is the relevant snippet of the code:
a {
text-decoration: none;
}
a:link {
color: #3ea500;
}
.a-1:hover~.element-1 {
display: block;
}
.a-2:hover~.element-2 {
display: block;
}
.a-3:hover~.element-3 {
display: block;
}
a:hover {
color: #cc7400;
font-weight: 700;
}
.desc {
background-color: green;
width: 33%;
position: fixed;
border-radius: 5px;
left: 66%;
top: 180px;
}<body>
<div class="desc">
Description:
<div class="element-1">hello one</div>
<div class="element-2">hello two</div>
<div class="element-3">hello three</div>
</div>
<div>
<ul>
<li>
<a class="a-1" href="#" target="_blank">Deepdream generator.</a>
</li>
<li>
<a class="a-2" href="#" target="_blank">Picture Breeder</a>
</li>
<li>
<a class="a-3" href="#" target="_blank">AI guesses what you draw</a>
</li>
</ul>
</div>
</body>Expected Outcome: The text should display in the description Box.
Actual Results: No change occurs.
Could it be an issue with the browser?