Add a rollover effect

Now you'll add a rollover effect so that the background color of the 

navigation bar blocks change whenever the mouse pointer passes over one 

of the links. To add a rollover effect, add a new rule that contains the 

:hover pseudo class.

1.

Open the cafe_townsend.css file.

2.

Select the entire .navigation rule.

3.

Copy the text (Edit > Copy).

ABO

About the :hover pseudo class  A pseudo class is a means of affecting certain elements in an HTML 

U

document, based not on the HTML code of the document itself, but on other external conditions applied 

T.

..

by the web browser. Pseudo classes can be dynamic, in the sense that an element on the page may 

acquire or lose the pseudo class while a user interacts with the document.

The :hover pseudo class affects a change in a formatted page element when the user holds the mouse 

over the element. For example, when the :hover pseudo class is added to the .navigation class style 

(.navigation:hover) to create a new rule, all text elements that the .navigation rule formats change 

according to the .navigation:hover rule's properties.

Format the navigation bar text 123