CSS选择器有些不常用的操作经常带来迷惑,再继续查找,写在一篇中,方便查找,使用中随时更新。
-
: checked
支持:ie9+
说明:选择选中的inpu元素
使用:input:checked{ color:#999; }
-
:not
支持:ie9+
说明:非
使用:input:not(:checked){ /*选择所有没有被选中的input*/ }
-
:before & :after
支持:ie8+
说明:ie8需要在头部定义<!DOCTYPE>,同时IE8仅支持single-colon CSS2 syntax(:before),Newer versions support the standard, double-colon CSS3 syntax (::before).
使用:p:before{ content:'每段话开头共有部分' }
-
:nth-child
支持:ie9+
说明:测试:nth-child(3n+1)
使用:&:nth-child(3n+2){ border-left:4px solid #fd7a7a; }
:last-child
支持:ie9+
参考链接:
CSS 选择器参考手册
2016-04-12微软自带的CSS兼容说明
CSS Compatibility in Internet Explorer