Book Image

Web Developer's Reference Guide

By : Joshua Johanan, Talha Khan, Ricardo Zea
Book Image

Web Developer's Reference Guide

By: Joshua Johanan, Talha Khan, Ricardo Zea

Overview of this book

This comprehensive reference guide takes you through each topic in web development and highlights the most popular and important elements of each area. Starting with HTML, you will learn key elements and attributes and how they relate to each other. Next, you will explore CSS pseudo-classes and pseudo-elements, followed by CSS properties and functions. This will introduce you to many powerful and new selectors. You will then move on to JavaScript. This section will not just introduce functions, but will provide you with an entire reference for the language and paradigms. You will discover more about three of the most popular frameworks today—Bootstrap, which builds on CSS, jQuery which builds on JavaScript, and AngularJS, which also builds on JavaScript. Finally, you will take a walk-through Node.js, which is a server-side framework that allows you to write programs in JavaScript.
Table of Contents (22 chapters)
Web Developer's Reference Guide
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
9
JavaScript Expressions, Operators, Statements, and Arrays
Index

Pseudo-classes


Pseudo-classes are selectors that use information that is outside of the document tree. The information that is not in the attributes of the element. This information can change between visits or even during the visit. Pseudo-classes always have a colon followed by the name of the pseudo-class.

The link pseudo-classes

There are two mutually exclusive link pseudo-classes, namely, :link and :visited.

:link

This selects links that have not been visited. The syntax is as follows:

:link
Description

This pseudo-class exists on any anchor element that has not been visited. The browser may decide to switch a link back after some time.

Here is an example along with the :visited pseudo-class. Here is its HTML:

<a href="#test">Probably not visited</a>
<a href="https://www.google.com">Probably visited</a>

Here is the CSS. We can make an assumption that you have visited Google, so the link would likely be green in color:

a:link { color: #ff0000; }
a:visited { color: #00ff00...