問題描述

我想選擇最后一個后緊跟的.task_item元素 .task_done+.task_item 將其設置為可進行的狀態。我的代碼如下，沒效果。

.task_done:last-of-type+.task_item .task_num:before { border-color: #4b8df0 transparent transparent #4b8df0; }.task_done:last-of-type+.task_item .task_state:before { content: '任務可進行'; color: #4b8df0; }

為什么 .task_done:last-of-type 選取不到元素，而 .task_item:last-of-type 可以選取

問題解答

我試了一下，兩種方式都是可以選到元素的。html：

<ul> <li class='task_item task_done'>111</li> <li class='task_item task_done'>222</li> </ul>

運行的結果如下：

我用的jquery是1.11.1建議你檢查一下dom結構。

以下是說明問題，html如下：

<ul> <li class='task_item task_done'>111</li> <li class=''>222</li> <li class='task_item task_done'>333</li> <li class='task_item'>444</li> <li class='task_item'>555</li> <li class='task_item'>666</li> </ul>

執行的結果如下：

對比上面的執行結果，結合下面我補充地評論應該很容易明白了吧