Html 同一页面上具有不同样式的输入框

我有下面的输入框样式

     input[type="text"] { 
        height:16px ; 
        font-size:14 ;
        border-radius: 5px ;    
     }

我想做的是在大多数输入上使用这种样式，但我想创建一个输入类，以便添加背景色等。我如何在syle表中执行此操作

使用类

input[type="text"].yellow {
    background-color: yellow;
}

定义具有不同样式的类

 input[type="text"].different { 
    background-color:red;    
 }

并将其应用于html中的输入元素

<input type="text" class="different" />

---

此输入将具有通用规则

input[type=“text”]

的所有属性，然后应用

input[type=“text”]的所有属性。不同的

类

输入[type=“text”]。不同的

更为重要，因此在属性重叠的情况下，

中的属性将以不同的

类为准

---

---

阅读并

我会警告不要使用这种方法（以特征命名类）；这是一个很好的例子，因为它将风格与内容紧密地结合在一起。如果您决定更改格式，您将不得不编辑HTML（违背CSS的目的），或者让您的“黄色”CSS类做一些令人困惑的事情，例如

背景色：红色

。感谢您的时间，这是一个很大的帮助