搜尋

首頁  >  問答  >  主體

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 可以选取

黄舟黄舟2867 天前552

全部回覆(1)我來回復

  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:19:15

    我試了一下,兩種方式都是可以選到元素的。
    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>
    

    執行的結果如下:

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

    回覆
    0
  • 取消回覆