伪类

作者: hcxowe | 来源:发表于2016-05-12 23:00 被阅读79次

    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;}
    

    相关文章

      网友评论

        本文标题:伪类

        本文链接:https://www.haomeiwen.com/subject/wdvprttx.html