|选择符|说明| | -- | -- | |div:not(:first-child)|"非"状态选择符.范例为匹配所有不是第一个子元素的 div 元素.| |div[foo^="val"]|匹配foo属性值以"val"开头的 siv 元素.| |div[foo$="val"]|匹配foo属性值以"val"结尾的div元素.| |div[foo*="val"]|匹配foo属性值中含有"val"字串的div元素.| |tr:nth-child(An+B)|匹配父元素里以A个为一组的每组中的第B个div元素.| |tr:nth-last-child(An+B)|匹配父元素里以A个为一组的每组中的倒数第B个div元素.| |button:only-child|匹配父元素里唯一的 button 子元素.| |input:only-of-type|匹配父元素里唯一使用了input标记的子元素.| |a:focus|匹配拥有焦点的 a 元素.| |a:tab-focus|匹配通过按 TAB 件获得焦点的 a 元素.| |option:current|匹配一组元素中具有当前状态的 option元素.| |input:checked|匹配被选定的 input 元素. 用于具有 checkbox, radio, select等行为的元素.| |input:disabled|匹配被禁用的 input元素.| |input:read-only|匹配只读的input元素.| |input:empty|匹配内容为空的 input元素.| |div:has-child|匹配只含有一个子元素的 div 元素.| |div:has-children|匹配含有多个子元素的 div 元素.| |menu:popup|匹配被作为弹出菜单或面板显示的menu元素.| |button:owns-popup|匹配触发了弹出行为且弹出菜单或面板处于可见状态的 button 元素.| |div:drop-target|匹配在拖放操作中可以接受被拖放对象的div元素.| |div:drag-over|匹配在拖放操作中鼠标所处的可接受被拖放对象的 div元素.| |li:moving|匹配正以移动模式被拖放的li元素.| |li:copying|匹配正以副本模式被拖放的li元素. (原元素的一个副本)| |li:drag-source|匹配被拖放的源li元素.| |li:drop-marker|匹配指示拖放目的位置的li元素. (原元素的一个副本)|