Html CSS选择下两个元素

Html CSS选择下两个元素,html,css,css-selectors,Html,Css,Css Selectors,我有以下HTML: ... <li>...</li> <li>...</li> <li class="last">...</li> <li class="selected">...</li> # <- this <li>...</li> # <- this <li class="last">...</li&g

我有以下HTML:

...
<li>...</li>
<li>...</li>
<li class="last">...</li>

<li class="selected">...</li>  # <- this
<li>...</li>                   # <- this
<li class="last">...</li>      # <- this

<li>...</li>
<li>...</li>
<li class="last">...</li>
....
。。。

  • #只需添加另一个
    +li
    即可:

    li.selected, li.selected + li, li.selected + li + li
    

    这属于什么CSS规范?它在浏览器中得到广泛支持吗?我要把这件事归档,你确定吗?在当前的Chrome中对我不起作用。@Surreal Dreams:它是CSS2,IE7+多年来一直支持它,就像子选择器
    @lucas clemente:你能在JSFIDLE中重现这个问题吗?我实际上在JSFIDLE中尝试过它,因为它不是一个熟悉的选择器,在Chrome中对我来说效果很好。谢谢你的回答。