On Wed, Mar 19, 2014 at 12:41 PM, Crest Christopher
<[email protected]> wrote:
> Hi, I can successfully change the line height for {h3.contact a:
> font-size:7em;line-height:40%;} but when I add line-height to {h3.gallery
> a:hover - color:orange;line-height: 40%;} nothing changes. I know I can
> change the line height for the list with {nav li}. I want a little more
> control over each pseudo element.
> ______________________________________________________________________
You don't appear to be changing anything on hover. Are all links
default of 7em and 40% line-height? If so, having 40% line-height on
hover won't change.
This works, but an extreme amount will get flaky fast:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<style>
a{font-size: 2em; line-height: 20%;}
a:hover{line-height: 80%;}
p{width: 100px;}
</style>
</head>
<body>
<div class="main" role="main">
<p><a href="">This is a really long link to test line-height
on hover.</a></p>
</div>
</body>
</html>
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
