CSS ::伪类
CSS伪类用于向某些选择器添加特殊效果。您无需使用JavaScript或任何其他脚本即可使用这些效果。伪类的简单语法如下-
selector:pseudo-class {property: value}
CSS类也可以与伪类一起使用-
selector.class:pseudo-class {property: value}
最常用的伪类如下-
在块中定义伪类时,应注意以下几点-
a:hover必须在CSS定义中访问a:link和a:之后,才能生效。
a:active必须在CSS定义中的a:hover之后才能生效。
伪类名称不区分大小写。
伪类与CSS类不同,但可以组合使用。
:link伪类
下面的示例演示如何使用 :link 类设置链接颜色。可能的值可以是任何有效format.Live演示中的任何颜色名称
Black Link
:visited伪类
以下是演示如何使用:visited 类设置访问链接颜色的示例 。可能的值可以是任何有效格式的任何颜色名称。
Click this link
:hover伪类
以下示例演示了 当将鼠标指针移到链接上时,如何使用 :hover类更改链接的颜色。可能的值可以是任何有效格式的任何颜色名称。
Bring Mouse Here
:active伪类
下面的示例演示如何使用 :active 类更改活动链接的颜色。可能的值可以是任何有效format.Live演示中的任何颜色名称
Click This Link
:focus伪类
下面的示例演示如何使用 :focus 类更改焦点链接的颜色。可能的值可以是任何有效format.Live演示中的任何颜色名称
Click this Link
:first-child伪类
的 :第一,孩子 伪类匹配指定的元素是另一个元素的第一个孩子,并增加了特殊的风格,该元素是一些其他元素的第一个孩子。
要使:first-child在IE中起作用<!DOCTYPE>必须在文档顶部声明。
例如,要缩进所有
First paragraph in div. This paragraph will be indented
Second paragraph in div. This paragraph will not be indented
But it will not match the paragraph in this HTML:
Heading
The first paragraph inside the div. This paragraph will not be effected.
:lang伪类
语言伪类 :lang允许根据特定标记的语言设置构造选择器。
此类在必须吸引多种语言的文档中很有用,这些语言对于某些语言结构具有不同的约定。例如,法语通常使用尖括号(<和>)进行引用,而英语则使用引号('和')。
在需要解决这一差异的文档中,可以使用:lang伪类来适当地更改引号。以下代码针对所使用的语言适当地更改了
标记...
A quote in a paragraph...:lang选择器将应用于文档中的所有元素。但是,并非所有元素都使用quotes属性,因此大多数元素的效果是透明的。