CSS是前端开发必备技能之一，它用于美化网页、定位元素、响应式布局等方面。在实际开发中，我们经常需要为一个元素设置多个样式，这时候如何记住它们呢？下面介绍几种方法。

第一种方法是通过属性选择器，这种方法可以将属性和选择器组合在一起，给元素设置多个样式。例如：

.button {
background-color: #ff0000;
border: none;
color: #fff;
padding: 10px 20px;
}
.button:hover {
background-color: #000;
color: #fff;
}

这样，我们就可以在一个类名里面设置多个样式，而且通过:hover选择器可以设置鼠标悬停样式。需要注意的是，这种方法只适用于元素的静态样式，如果要动态修改样式，需要使用JavaScript。

第二种方法是通过标签嵌套，这种方法可以利用层叠样式来设置不同状态下的样式，例如：

.button {
background-color: #ff0000;
border: none;
color: #fff;
padding: 10px 20px;
}
.button:hover {
background-color: #000;
color: #fff;
}
.button:active {
background-color: #fff;
color: #000;
}

这样，我们就可以通过:hover和:active选择器来设置悬停和点击状态下的样式。需要注意的是，这种方法只适用于元素的静态样式。

第三种方法是通过CSS预处理器，这种方法可以通过变量、混合、继承等功能来简化样式设置过程，例如：

@button-color: #ff0000;
.button {
background-color: @button-color;
border: none;
color: #fff;
padding: 10px 20px;
}
.button:hover {
background-color: #000;
color: #fff;
}
.button:active {
background-color: #fff;
color: #000;
}

这样，我们就可以将重复使用的样式设置为变量，便于修改。需要注意的是，这种方法需要使用CSS预处理器，例如Sass、Less等。

综上所述，记住多样式的方法有很多种，我们可以根据实际情况选择适合自己的方法。