2012-11-16 62 views
1

我有一個列表,讓說列表的大小爲5:列表大小的基礎上改變CSS類

<ul> 
<li>1</li> 
<li>2</li> 
<li>3</li> 
<li>4</li> 
<li>5</li> 
</ul> 

在CSS我有三類:

1 - li:first-child 
2 - li:-nth-child(3) 
3 - li:last-child 

ok了問題從這裏開始,如果它在1 中的列表大小在同一元素上實現了第一個孩子和最後一個孩子類。 我的方式來停止加載最後一個孩子類? 我希望我已經明確自己。

+2

嘗試聲明最後一個孩子聲明後的第一個孩子的CSS。 –

+0

有':not()'選擇器,但只適用於Moder瀏覽器。 –

回答

0

嘗試在最後一個孩子聲明之後聲明第一個孩子的css。

在下面的情況下,文本'List item'應該以粗體顯示。

ul li:last-child { 
font-weight:normal; 
} 

ul li:first-child { 
font-weight:bold; 
} 

<ul> 
<li>List item</li> 
<ul> 
+0

它的工作原理!謝謝。現在是一個後續問題: - 如果列表中只有一個元素。但是我想實現li:-nth-child(3)(因爲有大量的堆棧和第n(3)個元素ni wnat對那些被拾取的元素),我可以通過css或i控制它必須去java腳本?我是新的CSS和Java腳本,所以如果它看起來很愚蠢,我爲此表示歉意。 – umesh

+0

我想你可能必須使用JavaScript。 –