Html 当用户将鼠标悬停在一个元素上时，更改另一个元素的属性

。社交按钮{
位置：绝对位置；
顶部：100px；
左：20px；
}
.社交网站{
列表样式：无；
}
.社会福利署{
位置：相对位置；
高度：50px；
宽度：50px；
背景色：白色；
边界半径：10px；
利润率：10px 0px；
盒影：0.10px rgba（0,0,0,0.3）；
}
.社交按钮ul li.fab{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
字体大小：25px；
}
.社交按钮ul li.晶圆厂：悬停{
字体大小：30px；
}

将

社交按钮ul-li.fab:hover{

替换为

。社交按钮ul-li:hover.fab{

请注意，您的HTML当前无效。您有一些无用的

a

标记包装您的列表项。删除这些标记，此时它们是不允许的。

ul

只能有

li

子项。如果您想要类似鼠标光标的链接，只需在

li

上添加

光标：指针；

。社交按钮{
位置：绝对位置；
顶部：100px；
左：20px；
}
.社交网站{
列表样式：无；
}
.社会福利署{
位置：相对位置；
高度：50px；
宽度：50px；
背景色：白色；
边界半径：10px；
利润率：10px 0px；
盒影：0.10px rgba（0,0,0,0.3）；
光标：指针；
}
.社交按钮ul li.fab{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
字体大小：25px；
}
.社交按钮ul li:hover.fab{
字体大小：30px；
}

您是否尝试过

。社交按钮ul li:hover.fab

？

.social-buttons ul li .fab:hover{
  font-size: 30px;
}