伪类

作者: 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;}

相关文章

  • CSS进阶知识点--CSS3伪类选择器和伪元素

    伪类选择器 动态伪类(锚点伪类、用户行为伪类) UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...

  • 第十二章 高级选择器

    伪类和伪元素区别 伪类一个冒号,伪元素两个冒号 一,伪类选择器 伪类性质: 伪类性质:加冒号不会对页面产生布局结...

  • jQuery添加/移除伪类(hover)

    伪类演示: 移除伪类:removeClass(hover) 结果是同上,没有任何变化。 :hover是伪类,伪类是...

  • CSS伪类和伪元素

    1. 什么是伪类和伪元素1.1. 伪类1.2. 伪元素1.3. 伪类与伪元素的区别 2. 使用 1. 什么是伪类和...

  • CSS

    伪类的语法: CSS 类也可与伪类搭配使用。 伪元素

  • 细说CSS伪类和伪元素

    原文 博客原文 大纲 1、伪元素2、伪类元素3、伪元素和伪类元素的区别4、伪类和伪元素的使用 1、伪元素 伪元素在...

  • CSS3 积累(2)之结构伪类选择器

    介绍 伪类选择器主要有动态伪类选择器、UI元素状态伪类选择器、结构伪类选择器和伪元素等,这篇主要讲讲什么是结构伪类...

  • 伪类和伪元素初探

    Css3为了区分伪类和伪元素,伪类使用单冒号:,伪元素使用双冒号:: 常见伪类有 :hover,:link,:ac...

  • 伪元素和伪类

    一、伪类 1.1 定义 css伪类:css伪类用于向某些选择器添加特殊效果。 伪类其实与普通的css类相类似,可以...

  • css伪类(Pseudo-classes) & after be

    anchor伪类 Eg: 伪类和CSS类 伪类可以与 CSS 类配合使用: 在一个节点前后加节点

网友评论

    本文标题:伪类

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