css 并列class |mui input css

/*　定义两个class */
.text {
font-size: 16px;
color: #333;
}
.title {
font-size: 24px;
color: #666;
}
/*　使用并列class */
<h1 class="title text">Hello,CSS</h1>

上面的代码中，大家先定义了两个class，一个是.text，另一个是.title。.text用来控制文本的基本样式，.title用来控制标题的样式。如果大家想要让一个标题既有.title的样式，同时又有.text的样式，大家可以在元素的class属性中同时添加这两个class，中间用空格隔开。这样就可以同时应用这两个class的样式。

需要注意的是，如果同时使用多个class，优先级的计算是根据class在样式表中的位置来决定的。排在后面的class会比排在前面的class具有更高的优先级。如果有多个class拥有相同的样式属性，那么会以最后一个为准。

使用并列class可以帮助大家简化样式表，同时也能让大家更方便地控制元素的样式。如果想要将同一组样式应用到多个元素上，同时又想让这些元素保持各自的特定样式，那么并列class就是非常实用的一种技巧。