CSS2 Manual: pseudo class [: link: hover: active: visited: focus etc ..

: Link

Version: CSS1 compatibility: IE4 + NS4 +

Syntax:
 
Selector: link {sRules}
 
Note:
 
Set the style sheet attribute of object a before being accessed.
IE3 will apply the style table attribute of the link pseudo class to the visited pseudo class.
The default value is determined by the browser.
This pseudo class does not work for a object without the href attribute (feature.
See link Properties and linkColor features of the body object. For more information, see my other bibliography.
 
Example:
 
A: link {font-size: 14pt; text-decoration: underline; color: blue ;}

-------------------------------------------------
: Hover

Version: CSS1/CSS2 compatibility: IE4 + NS4 +

Syntax:
 
Selector: hover {sRules}
 
Note:
 
Sets the style table attribute when an object is hovering over it.
In CSS1, this pseudo class can only be used for object. This pseudo class does not work for a object without the href attribute (feature. In CSS2, this pseudo class can be applied to any object.
Currently, IE5.5 + only supports hover in CSS1.
 
Example:
 
A: hover {font-size: 14pt; text-decoration: underline; color: blue ;}
A: hover span {color: red ;}

-------------------------------------------------
: Active

Version: CSS1/CSS2 compatibility: IE4 +

Syntax:
 
Selector: active {sRules}
 
Note:
 
Set the style table attribute when the object is activated by the user (events occur between mouse clicks and release.
In CSS1, this pseudo class can only be used for object. This pseudo class does not work for a object without the href attribute (feature. In CSS2, this pseudo class can be applied to any object. In addition, the active status can occur simultaneously with the link status and the visited status.
Currently, IE5.5 + only supports: active in CSS1.
 
Example:
 
A: active {font-size: 14pt; text-decoration: underline; color: blue ;}

-------------------------------------------------
: Visited

Version: CSS1 compatibility: IE4 + NS4 +

Syntax:
 
Selector: visited {sRules}
 
Note:
 
Set the style sheet attribute of object a when its link address has been accessed.
IE3 will apply the style table attribute of the link pseudo class to the visited pseudo class.
The default value is determined by the browser. Defining the expiration time of a web page or clearing historical records affects the role of this pseudo-class.
This pseudo class does not work for a object without the href attribute (feature.
See the vlink attribute (feature) of the body object and the vlinkColor attribute of the document Object. For more information, see my other bibliography.
 
Example:
 
A: visited {font-size: 14pt; text-decoration: underline; color: blue ;}

-------------------------------------------------
: Focus

Version: CSS2 compatibility: NONE

Syntax:
 
Selector: focus {sRules}
 
Note:
 
Set the style table attribute when the object becomes the input focus (the onfocus event of the object occurs.
Currently, IE5.5 does not support this attribute.
 
Example:
 
A: focus {font-size: 14pt; text-decoration: underline; color: blue ;}
A: focus img {border: thin solid green}

-------------------------------------------------
: First-letter

Version: CSS2 compatibility: IE5.5 +

Syntax:
 
Selector: first-letter {sRules}
 
Note:
 
Set the style table attribute of the first character in the object.
This pseudo object only acts on block objects. To use this pseudo object as an inline object, you must first set the height or width attribute of the object, set the position attribute to absolute, or set the display attribute to block.
The font-size attribute and float attribute can be used in this pseudo-class to create the first-word Sinking Effect.
 
Example:
 
P a: first-letter {color: green}
Div: first-letter {color: red; font-size: 16px; float: left ;}

-------------------------------------------------
: First-line

Version: CSS2 compatibility: IE5.5 +

Syntax:
 
Selector: first-line {sRules}
 
Note:
 
Set the style table attribute of the first row in the object.
This pseudo object only acts on block objects. To use this pseudo object as an inline object, you must first set the height or width attribute of the object, set the position attribute to absolute, or set the display attribute to block.
If the width attribute of the object is not specified, the content length of the first line may not be fixed.
 
Example:
 
P a: first-line {color: green}
Div: first-line {color: red; font-size: 16px ;}

-------------------------------------------------
: First-child

Version: CSS2 compatibility: NONE

Syntax:
 
Selector1 Selector2: first-child {sRules}
 
Note:
 
Set the style table attribute of the first child object (Selector2) of the object (Selector1.
Currently, IE5.5 does not support this pseudo class.
 
Example:
 
P a: first-child {color: green}
Table td: first-child {width: 200px ;}
-------------------------------------------------
: First version: CSS2 compatibility: IE4 +

Syntax:
 
Selector: first {sRules}
 
Note:
 
Set the style sheet attribute used on the first page of the page container. Only for @ page rules.
 
Example:
 
@ Page: first {margin: 4 cm}

-------------------------------------------------
: Left version: CSS2 compatibility: IE4 +

Syntax:
 
Selector: left {sRules}
 
Note:
 
Set the style sheet attributes used by the page container on all pages on the left of the binding line. Only for @ page rules.
 
Example:
 
@ Page: left {margin: 4 cm}
 

-------------------------------------------------
: Right version: CSS2 compatibility: IE4 +

Syntax:
 
Selector: right {sRules}
 
Note:
 
Set the style sheet attributes used by all pages on the right side of the page container. Only for @ page rules.
 
Example:
 
@ Page: right {margin: 4 cm}

-------------------------------------------------

: Lang version: CSS2 compatibility: NONE

Syntax:
 
Selector: lang {sRules}
 
Note:
 
Sets the content style table attributes of objects in special languages.
Currently, IE5.5 does not support this attribute.
 
Example:
 
Blockquote: lang (fr) {quotes :'? ''? '}
// Display the French Nested Tag specified by the quotes attribute in French