This link has been bookmarked by 127 people . It was first bookmarked on 01 Jul 2006, by swan lin.
-
10 Oct 16
-
a special state of an element
-
-
19 May 16
-
07 Mar 16
-
Pseudo-classes can be combined with CSS classes:
-
The
:first-childpseudo-class matches a specified element that is the first child of another element.
-
-
22 Feb 16
-
06 Oct 15
-
05 Oct 15
-
A pseudo-class is used to define a special state of an element.
-
Note:
a:hoverMUST come aftera:linkanda:visitedin the CSS definition in order to be effective!a:activeMUST come aftera:hoverin the CSS definition in order to be effective! Pseudo-class names are not case-sensitive. -
Pseudo-classes can be combined with CSS classes:
-
any <p> element that is the first child of any element:
-
the first <i> element in all <p> elements
-
atches all <i> elements in <p> elements that are the first child of another element:
-
-
22 Sep 15
dubeuxWell organized and easy to understand Web bulding tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.
-
29 May 15
-
12 May 15
-
A pseudo-class is used to define a special state of an element.
-
- Style an element when a user mouses over it
- Style visited and unvisited links differently
-
a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
a:active MUST come after a:hover in the CSS definition in order to be effective!!
-
-
14 Mar 15
-
:first-child pseudo-class matches a specified element that is the first child of another element.
-
The :lang pseudo-class allows you to define special rules for different languages.
-
:active
-
:checked
-
:target
-
-
28 Jan 15
-
selector:pseudo-class {
-
-
26 Jan 15
-
09 Dec 14
-
30 Oct 14
-
-
-
-
CSS Pseudo-classes
-
-
17 Sep 14
-
04 Sep 14
-
CSS pseudo-classes are used to add special effects to some selectors.
-
A pseudo-class is used to define a special state of an element.
-
a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
a:active MUST come after a:hover in the CSS definition in order to be effective!!
Pseudo-class names are not case-sensitive. -
::before
-
::after
-
::selection
-
-
06 Jun 14
-
The syntax of pseudo-classes:
selector:pseudo-class {
property:value;
}CSS classes can also be used with pseudo-classes:
selector.class:pseudo-class {
property:value;
}
-
-
06 Jan 14
Chase JensenI am not understanding this syntax.
I don't know what selector: is referring to.-
selector:pseudo-class {property:value;}
-
-
12 Nov 13
-
CSS pseudo-classes are used to add special effects to some selectors.
-
selector:pseudo-class {property:value;}
-
a:link {color:#FF0000;} /* unvisited link */
-
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */ -
a.red:visited {color:#FF0000;}
-
p:first-child
{
color:blue;
} -
p > i:first-child
{
color:blue;
} -
p:first-child i
{
color:blue;
} -
The :lang pseudo-class allows you to define special rules for different languages.
-
:lang(no) {quotes: "~" "~";}
-
-
24 Jul 13
-
21 Jun 13
-
17 Dec 12
-
used to add special effects to some selectors
-
selector:pseudo-class {property:value;}
-
selector.class:pseudo-class {property:value;}
-
-
16 Dec 12
-
07 Nov 12
-
12 Oct 12
-
18 Feb 12
-
-
CSS pseudo-classes are used to add special effects to some selectors.
-
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
Note: Pseudo-class names are not case-sensitive.
-
-
26 Oct 11
-
23 Sep 11
-
19 Jul 11
-
CSS pseudo-classes are used to add special effects to some selectors.
-
Links can be displayed in different ways in a CSS-supporting browser:
Example
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */ -
In the following example, the selector matches the first <i> element in all <p> elements:
-
p > i:first-child
-
p:first-child i
-
All CSS Pseudo Classes/Elements
-
-
20 Jun 11
-
CSS - The :first-child Pseudo-class
The :first-child pseudo-class matches a specified element that is the first child of another element.
Note: For :first-child to work in IE8 and earlier, a <!DOCTYPE> must be declared.
Match the first <p> element
In the following example, the selector matches any <p> element that is the first child of any element:
-
-
16 May 11
-
pseudo-classes are used to add special effects to some selectors
-
The syntax of pseudo-classes:
selector:pseudo-class {property:value;}
-
-
07 Apr 11
-
20 Mar 11
-
:active Adds a style to an element that is activated -
:first-child Adds a style to an element that is the first child of another element -
:focus Adds a style to an element that has keyboard input focus -
:hover Adds a style to an element when you mouse over it -
:lang Adds a style to an element with a specific lang attribute -
:link Adds a style to an unvisited link -
:visited Adds a style to a visited link
-
-
19 Feb 11
-
19 Aug 10
-
CSS pseudo-classes are used to add special effects to some selectors.
-
The :first-child pseudo-class matches a specified element that is the first child of another element.
-
The :lang pseudo-class allows you to define special rules for different languages.
-
:lang Adds a style to an element with a specific lang attribute
-
-
15 Jul 10
-
25 Jun 10
-
02 Jun 10
-
15 May 10
Charles GnilkaCSS pseudo-classes are used to add special effects to some selectors.
-
08 Mar 10
-
The :first-child pseudo-class matches a specified element that is the first child of another element.
-
-
18 Feb 10
-
29 Mar 08
-
28 Feb 08
-
06 Feb 08
-
21 Dec 07
-
19 Oct 07
-
16 Oct 07
-
selector:pseudo-class {property: value}
-
selector.class:pseudo-class {property: value}
-
a:link {color: #FF0000} /* unvisited link */ a:visited {color: #00FF00} /* visited link */ a:hover {color: #FF00FF} /* mouse over link */ a:active {color: #0000FF} /* selected link */
-
-
04 Feb 07
-
10 Oct 06
-
22 Jun 06
-
31 May 06
-
13 May 06
-
02 Oct 05
-
24 Jan 05
Dave LovelyCSS to add different effects to some selectors, or to a part of some selectors.
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.