div下的CSS多个类

Question

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

所以，基本上我正在尝试“在TopClass下选择文本输入和textarea输入”。

凝结这个的最佳方法是什么？

Answer 1

只需使用逗号分隔符：

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

Answer 2

假设您需要textarea而不是text = textarea。试试这样：

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

并输入

.TopClass textarea, .TopClass textarea {
  // Styling
}

Answer 3

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

然后检查http://lesscss.org，可能你会喜欢那里找到的东西。

Answer 4

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

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

    // styling here

    }

Answer 5

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

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

和输入

 <input type="text"/>

但CSS

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