91美食网

全部频道

您的当前位置：首页W3School-CSS伪类(Pseudo-classes)实例_html/css

W3School-CSS伪类(Pseudo-classes)实例_html/css

来源：91美食网


CSS 伪类 (Pseudo-classes) 实例

CSS 实例

  • CSS 背景实例
  • CSS 文本实例
  • CSS 字体(font)实例
  • CSS 边框(border)实例
  • CSS 外边距 (margin) 实例
  • CSS 内边距 (padding) 实例
  • CSS 列表实例
  • CSS 表格实例
  • 轮廓（Outline)实例
  • CSS 尺寸 (Dimension) 实例
  • CSS 分类 (Classification) 实例
  • CSS 定位 (Positioning) 实例
  • CSS 伪类 (Pseudo-classes)实例
  • CSS 伪元素 (Pseudo-elements)实例

    • 01超链接

       01超链接    
    百度首页
     
    注释：在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！
     
    注释：在 CSS 定义中，a:active 必须位于 a:hover 之后，这样才能生效！

    02超链接2

       02超链接2    
    改变颜色
     
    改变字体大小
     
    改变背景颜色
     
    As a man thinketh in his heart so is he！改变字体
     
    改变文本装饰

    03超链接：:focus 的使用

       03超链接：:focus 的使用

    04 :first-child（首个子对象)

       04:first-child（首个子对象）    
    These are the necessary steps:
     
  • Intert Key
    •  
  • Turn key clockwise
    •  
  • Push accelerator
    •  
    Do not push the brake at the same time as the accelerator.

    05 :lang（语言)

       05 :lang（语言）    
    :lang 伪类允许您为不同的语言定义特殊的规则。在下面的例子中，在下面的例子中，:lang 类为带有值为 "no" 的 lang 属性的 q 元素定义引号的类型：
     
    一些文本 段落中的引用 一些文本。

    CSS 伪类 (Pseudo-classes) 总结
    显示全文