內UL

2012-02-29 54 views
0

選擇最後李我想在這裏實現的是能夠選擇每行內每一個最後華里。內UL

我有已風格有3行兩列6列表項的UL。我需要能夠選擇每行的最後一項重置頁邊距。

這裏見例如:http://jsfiddle.net/FvBqA/162/

所有的建議表示歡迎!

回答

5

可以使用CSS3 :nth-child() selector。由於CSS3可能不兼容所有瀏覽器,因此也請考慮jQuery's :nth-child() selector

+0

CSS3沒有被廣泛尚不支持我要堅持一個jQuery或JavaScript的解決方案 - 感謝反正 – Filth 2012-02-29 03:22:41

+0

我編輯的答案。你也可以使用jQuery。 – approxiblue 2012-02-29 03:23:11

+1

事實上,jQuery的polyfills的':第n個孩子()'選擇**,因爲**次優的支持,和它的作品相同的CSS版本。 – BoltClock 2012-02-29 03:24:34

3

沿着線的東西:

$('ul#some-id li:last-child'); 

編輯:所以,如果我在你的jsfiddle註釋正確理解,你想獲取列表的第二,第四和第六李?

如果是,嘗試

$('ul li:nth-child(even)'); 

http://jsfiddle.net/FvBqA/164/

+0

這不僅會選擇列表的最後一個項目 - 我不向你道歉 – Filth 2012-02-29 03:22:09

+2

你的問題說,選擇最後李後。也許你需要編輯它。 – BoltClock 2012-02-29 03:23:42

+0

編輯,請看看是否能工程 – 2012-02-29 03:24:06

0
$(document).ready(function() 
{ 
    $("li:odd").css("margin-right", "0"); 
});​ 

這個作品

0

如果jQuery的,使用:odd選擇(請注意這是從零開始的,這就是爲什麼它不是:even)。

它的CSS版本是:nth-child(even)(一個基礎的,這就是爲什麼它不是odd),因爲在此的jsfiddle:http://jsfiddle.net/FvBqA/167/

jQuery的版本是:odd,在此的jsfiddle:http://jsfiddle.net/FvBqA/171/