How to highlight parent li text only on :hover?
- by metal-gear-solid
How to highlight Article only on mouse over? current when i hover on Article it highlights all child item also. Is it possible to highlight Articles only
see example here http://jsbin.com/ubunu/2
<style>
li:hover {background:red}
li li:hover {background:yellow}
</style>
</head>
<body>
<p id="hello">Hello World</p>
<ul>
<li>Weblog</li>
<li>Articles
<ul>
<li>How to Beat the Red Sox</li>
<li>Pitching Past the 7th Inning
<ul>
<li>Part I</li>
<li>Part II</li>
</ul>
</li>
<li>Eighty-Five Years Isn't All That Long, Really</li>
</ul>
</li>
<li>About</li>
</ul>
