div下的CSS多个类

Question

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

So, essentially I am trying to do "Select Text inputs AND textarea inputs under TopClass".

What is the best way to condense this?

Answer 1

Just use the comma separator:

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

Answer 2

Assuming you need textarea instead of text = textarea . Try like this:

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

and input

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

Answer 3

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

And check http://lesscss.org , probably you will like what you find there.

Answer 4

Optimal would be to simplify it this way as both selectors will have same styling applied:

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

    // styling here

    }

Answer 5

You dont need the input for textarea as it is not an input it is its own input element

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

and an input

 <input type="text"/>

but the CSS

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