css3 - CSS選擇器的問題
問題描述
我想選擇最后一個后緊跟的.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 可以選取
問題解答
回答1:我試了一下,兩種方式都是可以選到元素的。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>
執行的結果如下:
對比上面的執行結果,結合下面我補充地評論應該很容易明白了吧
相關文章:
1. 雙擊安裝程序,安裝不了2. python - Pycharm的Debug用不了3. python - 如何用pandas處理分鐘數據變成小時線?4. javascript - 求救!網頁播放視頻只有聲音沒有畫面,網頁上傳視頻文件時怎么知道視頻的編碼為H264還是MPEG4??5. css - 請問B站頂部的模糊半透明導航條是怎么實現的呢?6. form表單中的label標簽7. pdo - mysql 簡單注入疑問8. windows-7 - Win7中Vmware Workstatoin與Xampp中Apache服務器端口沖突?9. Python中使用超長的List導致內存占用過大10. javascript - dropload+tab頁面,圖文頁滾動有兩個滾動區域怎么破?
