入力クラスからラベルを取得

Question

入力が必要な場合にのみラベルに「*」を挿入する必要があります。

入力タグのラベルをクラス.notEmptyから取得する方法はありますか？

label{ 
 
    float: left; 
 
    margin-right: 10px; 
 
} 
 

 
.notEmpty + label::after{ 
 
    content: '*'; 
 
}

<input class="notEmpty" id="foo"> 
 
<label for="foo">Foo</label>

あなたはフィールドが必要とし、入力を使用して作ることができ

Answer 1

：有効なセレクタ

<label for="foo">Foo</label> 
 
<input class="notEmpty" id="foo">

Answer 2

あなたはこのような小さなハック何かを試すことができますフィールドが空のときに星を表示する。

マークアップ：

<label for="foo">Foo</label> 
<input class="text" id="foo" required="required"> 
<span class="star" style="visibility: visible;">*</span> 

はCSS：

.text:valid + .star { visibility: hidden!important; } 

ここで働いてCodePenを参照してください：CSSでhttps://codepen.io/fennefoss/pen/aWpqqj