gpt4 book ai didi

CSS3 - 过渡

转载 作者:太空宇宙 更新时间:2023-11-03 20:18:51 27 4
gpt4 key购买 nike

我的 CSS 有点问题。我正在看一本书学习 CSS3,我刚刚发现了 Transition 函数。所以我决定尝试一下,我想不出我错在哪里,希望你能帮助我。

这是我的 Index.html 文件

<html>
<head>
<title>My Test</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>

<div class="box"></div>
<div class="ssin"></div>

</body>
</html>

没什么特别的!这是 main.css

.box{
height: 200px;
width: 200px;
background-color: #333333;
}

.ssin{
height: 200px;
width: 200px;
background-color: red;
}

.box:hover .ssin{
width: 500
}

我认为问题出在这里...

.box:hover .ssin{
width: 500;
}

如果我 hove .box 没有任何反应,理论上它应该改变 ssin div 的宽度。

你能帮帮我吗(我知道这很愚蠢,但我还在学习)

谢谢

最佳答案

在您发布的 HTML 中,ssin 不在 box 内。 .box:hover .ssinbox 中选择带有类 ssin 的内容。我相信你在这里想要的是相邻的兄弟选择器:.box:hover + .ssin

关于CSS3 - 过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15116675/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com