CSS Pseudo-classes and Hover Effects

CSS Psuedo-classes

allow you to do what...

• to select elements that are in a certain state, such as when the mouse is hovering over an element

• any valid name that you hover over will change

• applys h2 tags that immediately follow h1 tags, when the mouse is hovering over it

p: hover {

color: red;

}

makes the text red when mouse is hovering over it

• yes

• no

body : hover {

color : red;

font-style : italic;

}

applies what.....

• to the entire body when the mouse is hovering over the body

• to each element inside the body, when the mouse is hovering

• only to the h2 tags that immediately follow h1 tags, when the mouse is hovering

• to all h2 tags when the mouse is hovering

:link

select __________ links

what are the pseuedo-classes

• link, visited, active

• unlinked

  unvisited

  unactive

• one link

  two visited

  one unactive

:visitied

_______ visited links

:active

select element currently being ________ on

name the styling link

a : link { <----

color: red;

}

• visited link

• unvisited link

• hover link

• link

note:

a:hover must come after

a:link and a:visited in order to work

• ok

• no

p, h1 {

background-_______: yellow;

}

fill in the blank