選擇最後李我想在這裏實現的是能夠選擇每行內每一個最後華里。內UL
我有已風格有3行兩列6列表項的UL。我需要能夠選擇每行的最後一項重置頁邊距。
這裏見例如:http://jsfiddle.net/FvBqA/162/
所有的建議表示歡迎!
選擇最後李我想在這裏實現的是能夠選擇每行內每一個最後華里。內UL
我有已風格有3行兩列6列表項的UL。我需要能夠選擇每行的最後一項重置頁邊距。
這裏見例如:http://jsfiddle.net/FvBqA/162/
所有的建議表示歡迎!
可以使用CSS3 :nth-child()
selector。由於CSS3可能不兼容所有瀏覽器,因此也請考慮jQuery's :nth-child() selector。
沿着線的東西:
$('ul#some-id li:last-child');
編輯:所以,如果我在你的jsfiddle註釋正確理解,你想獲取列表的第二,第四和第六李?
如果是,嘗試
$('ul li:nth-child(even)');
$(document).ready(function()
{
$("li:odd").css("margin-right", "0");
});
這個作品
如果jQuery的,使用:odd
選擇(請注意這是從零開始的,這就是爲什麼它不是:even
)。
它的CSS版本是:nth-child(even)
(一個基礎的,這就是爲什麼它不是odd
),因爲在此的jsfiddle:http://jsfiddle.net/FvBqA/167/
jQuery的版本是:odd
,在此的jsfiddle:http://jsfiddle.net/FvBqA/171/
CSS3沒有被廣泛尚不支持我要堅持一個jQuery或JavaScript的解決方案 - 感謝反正 – Filth 2012-02-29 03:22:41
我編輯的答案。你也可以使用jQuery。 – approxiblue 2012-02-29 03:23:11
事實上,jQuery的polyfills的':第n個孩子()'選擇**,因爲**次優的支持,和它的作品相同的CSS版本。 – BoltClock 2012-02-29 03:24:34