当前位置：网站首页>hover内部指定子类的样式

hover内部指定子类的样式

2022-08-09 10:03:00 【高桥靓仔】

hover内部指定子类的样式

如下图：想要实现的是鼠标hover在外部容器上，其子元素变化不同的样式。

在这里插入图片描述

上代码：（css的hover内部还可以进行写选择器来写对应的子元素样式）

.ant-steps-item-container {// 外部容器
  &:hover {
    .ant-steps-item-icon {// 整个圆圈️
      background-color: #1890ff;
      transition: all 0.3s;
      .ant-steps-icon {// 数字2、3 
        color: #fff !important;
        transition: all 0.3s;
      }
    }
  }
}

原网站

版权声明
本文为[高桥靓仔]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_45221036/article/details/113397847