Html 将多种样式应用于CSS类是一种良好的实践吗？

我是CSS新手，遇到了一个问题，

text-align:right在chrome浏览器中不起作用，但是
文本对齐：-webkit right
元素时，code>工作正常。
为了确保跨多个浏览器工作，我以以下方式实现了CSS，其中div类名为
reload
：

.reload {   
    width: 100%;
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
    margin-bottom: 1rem;
}

我的问题是，在为一个元素指定多个样式时，这是否是一种可接受的做法

我注意到各种浏览器删除了它们不使用的样式，例如在chrome中，
-moz右
样式被破坏。
您编写CSS的方法是有效的

一些要考虑的事情：你会在多个地方使用这个类吗？如果是的话，这些相同的样式是否适用于其他使用它的地方
如果你计划多次使用该类，那么考虑它是如何重用的。例如，您可以进一步细分该类，如：
.right {
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
}

.mb {
    margin-bottom: 1rem;
}

.w-100 {   
    width: 100%;
}

我使用的类名都是例子——你可以给它们取任何你觉得合适/难忘的名字

对于100%宽度，您可以使用
.w100
，
.w-100
，
.fw
，
.full width
，
.width full
，等等。
文本对齐：右；无法在chrome浏览器中工作-->您使用的是什么版本？我不认为有任何现有的Chrome版本不支持文本对齐：右^有0个版本的Chrome，其中文本对齐：右将不起作用：Chrome的版本是90.0.4430.85（官方版本）（64位）；因此，对于为什么仅仅文本对齐：right不起作用，而-webkit版本起作用，人们感到困惑。