使用CSS定位第一個標籤

我正在設計一個門戶網站，我無法更改任何HTML但CSS，並遇到以下代碼，我想定位第一個標籤（您的名字）。使用CSS定位第一個標籤

<form class="no-tables" name="" action="" method="post"> 
    <div> 
     <input type="hidden" name="" value="1"> 
     <label>Your Name</label> 
     <label>Your Age</label> 
    </div> 
</form>

我試過了雪佛龍和第一胎選擇器，但似乎沒有任何工作。

來源

2016-03-09 Jayonline

[這]（https://jsfiddle.net/yL3thtr9/）不是CSS3，也許你可以使用它。它仍然需要標籤和輸入成對出現。所以也許CSS3是你最好的選擇。 – Harry

嘗試使用first-of-type：

/* CSS3 */ 
 
form.no-tables > div > label:first-of-type { 
 
    background: red; 
 
} 
 

 
/* or with CSS2 */ 
 
form.no-tables > div > input + label { 
 
    border: 1px solid black; 
 
}

<form class="no-tables" name="" action="" method="post"> 
 
    <div> 
 
    <input type="hidden" name="" value="1"> 
 
    <label>Your Name</label> 
 
    <label>Your Age</label> 
 
    </div> 
 
</form>

來源

2016-03-09 16:50:17 Scott

謝謝斯科特。有沒有CSS 2的解決方案？ – Jayonline

使用'輸入+標籤' – fcalderan

對@fcalderan，謝謝！ – Scott

您可以通過使用input + label只CSS2做到這一點。

編輯所以fcalderan已經提到了這個問題。

input + label { 
 
    background-color: blue; 
 
}

<form class="no-tables" name="" action="" method="post"> 
 
    <div> 
 
     <input type="hidden" name="" value="1"> 
 
     <label>Your Name</label> 
 
     <label>Your Age</label> 
 
    </div> 
 
</form>

來源

2016-03-09 16:56:49 Roy

謝謝大家！看起來我將不得不訴諸使用CSS 3。 – Jayonline

使用CSS定位第一個標籤

回答

相關問題