scss hover与active的写法

.talk-list {
     
	width: 100%;
	
    &::after {
     
        position: absolute;
        right: vw(30);
        bottom: 0;
        left: vw(30);
        height: vh(1);
        background-color: #dfdfe1;
        content: '';
    }

    &.active,
    &:hover {
     
        background-color: #f5f5f5;

        .talk-name {
     
            color: #2561fb;
        }

        /deep/ .talk-content {
     
            color: #2d2f33;
        }
    }
}

你可能感兴趣的:(scss hover与active的写法)