CSS，修改與焦點輸入不相鄰的標籤

Question

我目前正在嘗試修改生成的HTML頁面的CSS。我無權在此頁面上運行腳本或更改基本HTML。

形式具有輸入和我想爲他們創造浮動標籤，我通常做這樣的事情：但是生成的

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

：

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

使用CSS這樣的事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"] { ... }