visitor activity monitorvisitor activity monitor

PROJECT CODE

                                            The Developers Choice!!!!
                                                                                                            Home | About Us | Contact Us

CSS TUTORIALS

Pseudo-Class:

What is Syntax of pseudo-classes
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;
}

What are Anchor Pseudo-classes
Links can be displayed in different ways in a CSS-supporting browser:
Example
/* unvisited link */
a:link {
color: #FF0000;
}
/* visited link */
a:visited {
color: #000000;
}
/* mouse over link */
a:hover {
color: #FF0000;
}
/* selected link */
a:active {
color: #000000;
}

Pseudo-classes and CSS Classes
CSS: a.red:visited { color: #FF0000; } HTML: <a> class="red" href="css_syntax.asp">CSS Syntax</a> If the link in the example above has been visited, it will be displayed in red.
   
CSS - The :first-child Pseudo-class
The :first-child pseudo-class matches a specified element that is the first child of another element.
Match the first <p> element
In the following example, the selector matches the first <i> element in all <p> elements:
Example
p > i:first-child {
color: green;
}

Match all <i> elements in all first child <p> elements
In the following example, the selector matches all <i> elements in <p> elements that are the first child of another element:
Example
p:first-child i {
color: green;
}
CSS - The :lang Pseudo-class
In the example below, the :lang class defines the quotation marks for q elements with lang="no":
Example
<html>
<head>
<style>
q:lang(no) {
quotes: "~" "~";
}
</style> </head> <body>

Some text A quote in a paragraph</q> Some text.</p> </body> </html>

All Rights Reserved with Project code