css同时满足两个类名才有效果的写法

最新推荐文章于 2024-03-12 16:20:27 发布

原创最新推荐文章于 2024-03-12 16:20:27 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

CSS 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用Sass混合宏定义禁用状态下不同类型的平面按钮的样式方法。通过为每种类型的按钮定义特定的颜色变化，实现了统一而美观的设计效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	// plain悬浮且是禁用状态下的 （注意两个类选择器不能有空格）
	@mixin plain_hover_disabled($name,$color) {
		&#{$name}.yg-btn-disable:active {
			// background-color: $color;
			color: $color !important;
			// border: 2rpx solid $color;
		}
	}
	@include plain_hover_disabled(__plain-primary, $primary);
	@include plain_hover_disabled(__plain-success, $success);
	@include plain_hover_disabled(__plain-danger, $danger);
	@include plain_hover_disabled(__plain-warn, $warn);
	@include plain_hover_disabled(__plain-info, $info);