フォーカスの入力に隣接していないラベルを変更するCSS

Question

現在、生成されたHTMLページのCSSを変更しようとしています。このページでスクリプトを実行したり、ベースHTMLを変更するアクセス権がありません。

フォームが入力を持っていると私は通常、このような何か彼らのために浮動ラベル、作成しようとしています：生成しかし

input:focus + label { top: 100%; } 

：CSSで

<input id="email"> 
<label for="email">E-mail</label> 

をこのような何かをHTMLは次のように構成され、入力ブロックとエラーブロックの前のラベルは次の間にあります。

<label for="email">Email Address</label> 
<div aria-hidden="true" class="error itemLevel"> 
<p aria-live="polite" role="alert" tabindex="1">Please enter a valid email address.</p> 
<input aria-required="true" id="email" title="Email address that can be used to contact you." type="text"> 

純粋なCSSでラベルをどのようにターゲティングしますか？

Answer 1

あなたは属性セレクタを使用することができます。

label[for="email"] { ... }