CSS选择器参考(+)

CSS选择器有些不常用的操作经常带来迷惑,再继续查找,写在一篇中,方便查找,使用中随时更新。

  1. : checked
    支持:ie9+
    说明:选择选中的inpu元素
    使用:

    input:checked{
      color:#999;
    }
    
  2. :not
    支持:ie9+
    说明:非
    使用:

    input:not(:checked){
     /*选择所有没有被选中的input*/
     }
    
  3. :before & :after
    支持:ie8+
    说明:ie8需要在头部定义<!DOCTYPE>,同时IE8仅支持single-colon CSS2 syntax(:before),Newer versions support the standard, double-colon CSS3 syntax (::before).
    使用:

    p:before{
        content:'每段话开头共有部分'
    }
    
  4. :nth-child
    支持:ie9+
    说明:测试:nth-child(3n+1)
    使用:

     &:nth-child(3n+2){
         border-left:4px solid #fd7a7a;
     }
    
  5. :last-child
    支持:ie9+

参考链接:
CSS 选择器参考手册
2016-04-12微软自带的CSS兼容说明
CSS Compatibility in Internet Explorer

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 说明:本文只是自己的一个笔记,对于CSS3以前的选择器有我自己的一些理解在里边,CSS3的选择器只是列举(目前还未...
    张延伟阅读 738评论 0 1
  • 一、基本选择器 回顾选择器 通配符选择器、元素选择器、类选择器、ID选择器、后代选择器 新增基本选择器 子元素选择...
    越IT阅读 1,199评论 0 3
  • 转载自牢记31种CSS选择器用法 1 * 星号选择器用于选取页面中的所有元素,可用于快速清除所有元素的 margi...
    Icestains阅读 1,277评论 0 1
  • (1). 阴影模糊半径与阴影扩展半径的区别:阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不...
    Leisure_blogs阅读 1,533评论 0 6
  • 2012年的夏天,高考结束后就估了分把自己关在房间里整整三天研究高考志愿填报指南。很多人羡慕我有着最大的自由——高...
    0bce607223c2阅读 257评论 0 0