2008-09-09 22 views
10

說我有一個列表如下:有沒有用CSS選擇列表的最後一項的方法?

  • 物品1
  • ITEM2
  • 項目3

是否有一個CSS選擇器,讓我直接選擇名單的最後一個項目?在這種情況下第3項。

乾杯!

+0

我跑過了li:last-child selector;但是我不能使用它,因爲它在IE中不起作用。 在這種情況下,我無法控制HTML,因此我無法相應地標記第一個和最後一個孩子。 – Marcel 2008-09-09 03:21:42

+0

在這種情況下,我恐怕你不會得到你想做的。如果你有控制權並且你想要沿着這條路走下去,那麼你可以用javascript來做到這一點,但這是一條有着龍的黑暗,可怕的道路;) – 2008-09-09 03:23:03

回答

15

不是我所知道的。傳統的解決方案是用class =「first」標記第一個&最後一個項目& class =「last」,以便您可以識別它們。

CSS psudo-class first-child會給你第一個項目,但不是所有的瀏覽器都支持它。 CSS3將有last-child too(目前支持Firefox,Safari,但不支持IE 6/7/beta 8)

6

在正確支持之前,您需要爲建議的'最後'項添加一個類。不過,您不必手動執行此操作。如果你可以把一個javascript命中,看一看之一:

要麼會避免「污染」你的標記,並且如果你的風格是'不錯的添加'而不是'必須擁有'的設計特徵,那麼這是完全可以接受的。

3

此問題的答案應該更新! IE9 + Firefox(一段時間後)+ Chrome,Safari全部支持:last-of-typelast-child

相關問題