CSS主动风格

Question

我需要将相同的悬停效果应用于主菜单项的当前状态（子项已经具有当前状态）

<ul id="left-menu"><li><a href="#">
<h3>Improve Your Free Web Page <span style="float:right">&#9660;</span></h3>
</a>
<ul>
  <li class="current"><a href="upload_picture.html">Upload Your Picture(s)</a></li>
  <li><a href="upload_video.html">Upload Your Video(s)</a></li>
  <li><a href="upload_logo.html">Upload Your Logo</a></li>
  <li><a href="upload_logotype.html">Upload Your Logotype</a></li>
  <li><a href="update_tagline.html">Update Your Tagline</a></li>
  <li><a href="describe_business.html">Describe Your Business</a></li>
  <li><a href="offer.html">Add Offer(s)</a></li>
</ul>

 

Jsfiddle

Answer 1

通常，子菜单的人员会在列表中创建一个列表。如果将“当前”类添加到外部列表，则可以使用css正确设置样式。