h3 Nesting Example

by Adam Howard

HTML

<a href="http://google.com">
    <h3>Google - This h3 has its opacity change, because it IS nested in a link.</h3>
</a>

<h3>Here is another h3, which is not nested within a link. This header will NOT have its opacity changed.</h3>

CSS

a > h3 {
    opacity: 0.5;
}

a > h3:hover {
    opacity: 1;
}