2016-08-11 151 views
1

我只想在選擇選項子值上應用css選擇器。我有一個id應用在選擇器上。現在,我想在孩子1名兒童2適用不同的CSS等等等等如何在選擇選項上應用CSS選擇器子項

<select name="options[81]" id="select_81" class=" required-entry product-custom-option"> 
    <option value="">-- Please Select --</option> 
    <option value="229" price="0">ariel </option> 
    <option value="230" price="0">times new roman </option> 
</select> 

現在我已經嘗試了這些選擇,但沒有工作

select#select_81.required-entry.product.custom-option:nth-child(2){ 
    font-family:'Arial'; 
} 

select#select_81.required-entry.product.custom-option:nth-child(3){ 
    font-size:30px; 
    font-weight:800; 
} 

#select_81.required-entry.product.custom-option:nth-child(3){ 
    font-size:30px; 
    font-weight:800; 
} 

#select_81:nth-child(3){ 
    font-size:30px; 
    font-weight:800; 
} 

select#select_81option:nth-child(2), option:nth-child(3) { 
    font-weight:bold; 
} 

我們怎樣才能做到這一點通過使用CSS?

+0

只是簡單地'#select_81選項{}'或相似。你也可以使用'nth-type-type'選擇器來選擇特定的選擇。話雖如此,選項下拉式不能真正被稱呼太多。你通常必須將這種風格應用於'