当前位置：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超链接

百度首页

注释：在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！

注释：在 CSS 定义中，a:active 必须位于 a:hover 之后，这样才能生效！

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 元素定义引号的类型：

一些文本段落中的引用一些文本。