伪类

CSS3提供了非常多的可用伪类,但是Bootstrap只用了常用的
几个,这里我们只简单列一下常用的伪类和其对应的意思

  • :hover 鼠标划过时的状态
  • :focus 元素拥有焦点时的状态
  • :first-child 指定某个元素的第一个子元素
  • :last-child 指定某个元素的最后一个子元素
  • :nth-child(n) 指定某个元素中特定的子元素,n从0开始
    ul li:nth-child(2n+1){background-color: green;}选择奇数行的li

按钮组里,除第一个按钮、最后一个按钮和带有dropdown-toggle样式的元素外,其他btn样式的按钮都不能设置圆角。我们应该这么定义:

    .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 12,106评论 1 62
  • 一、基本选择器 回顾选择器 通配符选择器、元素选择器、类选择器、ID选择器、后代选择器 新增基本选择器 子元素选择...
    越IT阅读 4,930评论 0 3
  • 刚开始学习选择器,一开始对伪类选择器确实有点懵。昨天晚上自己动手写了写,终于是慢慢搞懂了。下面对一些容易误解的一些...
    婷楼沐熙阅读 7,206评论 4 7
  • 一、伪元素和伪类的概念 伪类:首先是类的一种,类似class,代表一些元素的状态,逻辑上存在,文档树中却无须标识的...
    07120665a058阅读 5,218评论 0 4
  • CSS选择器大致可以分成5类:基本选择器,层次选择器,属性选择器,伪类,伪元素。基本,层次,属性选择器比较容易理解...
    张歆琳阅读 5,828评论 4 26