單頁不同尺寸的menubuttons

Question

我的頁面上有3個menubuttons。我想每個人都有不同的寬度。對於這一點，我做了以下內容：

<style> 
    .ui-menu { 
    width : 180px; 
    } 
</style> 

然而，這種將所有menubuttons的寬度180像素。我想分別有180px，140px和160px的寬度。我怎樣才能做到這一點？

Answer 1

你應該有每個獨特的標識符（例如一個id），並用它來設計它們。或者，您可以使用CSS3 :nth-child（documentation）選擇器，但它可能是爲了您的需要矯枉過正。

Answer 2

試試這個：

<style> 
.ui-menu:nth-child(1){ 
width : 180px; 
} 

.ui-menu:nth-child(2){ 
width : 140px; 
} 

.ui-menu:nth-child(3){ 
width : 160px; 
} 
</style>