当前位置:Gxlcms > html代码 > W3School-CSS伪类(Pseudo-classes)实例_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:18人阅读

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) 总结

    人气教程排行