同じグループに指定しつつ、そのグループ内の特定html要素に限定した指定も行える属性

Question

.input(や.textarea)を使わずに「.redに属するinput要素」という形で指定する方法はあるでしょうか? classがそのように機能しない場合、そのような使い方ができる他の属性はありますか？

<input type='text' class='red input'>
<input type='text' class='red input'>
<input type='text' class='green input'>
<textarea class='red textarea'></textarea>
<textarea class='green textarea'></textarea>
<!-- 実例ではないので深く考えないでください -->

.red.input{width:10px;}

Answer 1

.input(や.textarea)を使わずに

タイプセレクタは使っていいんですよね？
input.redでいいですか？

要素型セレクター - CSS: カスケーディングスタイルシート | MDN

Answer 2

input.red で良いのでは。

Answer 3

.input(や.textarea)を使わずに「.redに属するinput要素」

ちょっと意味がわからないですが
redクラスがついたinput/textareaということですか？

input.red,textarea.red{width:10px;}

Answer 4

redクラスでまとめたいという意味ですと、以下のように書けます。

<div class="red">
    <input type='text'>
    <input type='text'>
</div>

.red input {width: 10px;}
.red > input {width: 10px;} // 直下に属するとしたい場合

.redと別に.inputを定義する必要も無いですし、同じクラスを重複して設定することもなくなります。