Sass 如何使我的“鼠标悬停”;。pic";课程要生效吗?

Sass 如何使我的“鼠标悬停”;。pic";课程要生效吗?,sass,Sass,我想添加:将这个类悬停在“.pic”上 所以它可以包含更多关于的描述。pic:hover 我在屏幕上使用了变换SASS、宽度和高度。图:悬停似乎不起作用 我找不出问题所在 请帮我找出我的问题 请在我的密码笔上查看任何细节 .pic 宽度:250像素 高度:250像素 //当鼠标悬停在它上面时,它不会变大 图:悬停 宽度:400px 高度:400px你可以这样做 .item{ 位置:相对位置; 边框:1px实心#333; 利润率:2%; 溢出:隐藏; 宽度:540px; } .项目img{ 最

我想添加:将这个类悬停在“.pic”上

所以它可以包含更多关于的描述。pic:hover

我在屏幕上使用了变换SASS、宽度和高度。图:悬停似乎不起作用

我找不出问题所在

请帮我找出我的问题

请在我的密码笔上查看任何细节

.pic
宽度:250像素
高度:250像素
//当鼠标悬停在它上面时,它不会变大
图:悬停
宽度:400px

高度:400px
你可以这样做

.item{
位置:相对位置;
边框:1px实心#333;
利润率:2%;
溢出:隐藏;
宽度:540px;
}
.项目img{
最大宽度:100%;
-moz转换:全部为0.3s;
-webkit转换:所有0.3;
过渡:均为0.3秒;
}
.项目:悬停img{
-moz变换:比例(1.5);
-webkit转换:比例(1.5);
转换:比例(1.5);
}

您的代码格式不正确。使用CSS时,确保用括号{}包围所有内容。还要确保在类中的每一行后面都添加一个分号,以便它知道在哪里分解它。将您的代码更改为以下代码,它将正常工作:

// Adding {} and ; fixed this issue
.pic {
  width: 250px;
  height: 250px;
}

.pic:hover {
  width: 400px;
  height: 400px;
}

你的问题是错误的。你还得用卷曲炖肉和分号

.pic{
  width: 250px;
  height: 250px;
}

.pic:hover{
  width: 400px;
  height: 400px;
}

实际上,我想让它更大,包含更多的信息,比如图片底部的一些文本。所以我需要让这个类,当我在上面悬停的时候,“.pic:hover”变大。但它似乎不起作用。我不知道问题出在哪里。谢谢你,你的问题不是很清楚。你的意思是你想缩小吗?里面有文字吗?我想把“.pic”的宽度和高度都调大一点,还有图片。因此,可以有足够的空间来放置描述。对不起,我的英语表达不好,请看第三段。你想用图像把div变大吗?是的,但不知怎的,我把“动画:picIn 1s 2.48s两者,picFlip 1s 3.5s两者”改为“动画:picIn 1s 2.48s向后,picFlip 1s 3.5s”,悬停的宽度和高度都改变了。我不知道为什么。也许这就是问题所在?你知道为什么会这样吗?抱歉,我使用Sass作为预处理器将其转换为CSS。如果有帮助,请确保标记已回答,以上内容对我有效@肖恩斯杜