Html CSS div下的多个类

所以，本质上我是在尝试“在TopClass下选择文本输入和文本区域输入”

---

压缩此内容的最佳方法是什么？

只需使用逗号分隔符：

.TopClass input[type=text]
{
     //Styling 
}
.TopClass textarea
{
     //Same Styling as Above
}

---

假设您需要

textarea

而不是

text=textarea

。试着这样做：

.TopClass input[type=text], .TopClass textarea {
  // Styling
}

---

然后检查，您可能会喜欢您在那里找到的内容。

最佳选择是以这种方式简化它，因为两个选择器将应用相同的样式：

.TopClass input[type=text],
.TopClass input[type=textarea]
{
     //Styling 
}

---

textarea不需要输入，因为它不是一个输入，而是它自己的输入元素

 .TopClass input[type=text], .TopClass textarea{

    // styling here

    }

---

在我的回答中，我假设你的意思是

textarea

，而不是

input[type=textarea]

。没有

是的，对不起，我赶时间。input type=textarea无效

.TopClass input[type=text],
.TopClass input[type=textarea]
{
     //Styling 
}

 .TopClass input[type=text], .TopClass textarea{

    // styling here

    }

 <textarea type="text"></textarea>

 <input type="text"/>

 .TopClass textarea, .TopClass input[type=text]
 {
 //Same Styling as Above
 }