Question

我的代码。 HTML -

<div id="menu">
  <ul>
     <li><a href="#"><img src="images/icons/home.png" />HOME</a></li>
     <li><a href="#"><img src="images/icons/about.png" />ABOUT US</a></li>
     <li><a href="#"><img src="images/icons/pricing.png" />PRICING</a></li>
     <li><a href="#"><img src="images/icons/info.png" />WHY INSIGNE?</a></li>
  </ul>
</div> <!--menu end-->

CSS

.curves3 {
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   -ms-border-radius:3px;
}
#menu li a {
   background:#6fb6e5;
}

这就是我的HTML和CSS。我想做的是，我想将.curves3课程连接到#menu li a。我不想将class="curves3"添加到所有<a>标记，也不想将这些边界半径复制到#menu li a。我只想连接它们。有什么办法吗？谢谢。

Answer 1

你可以使用像这样的jquery代码：

$(document).ready(function(){
  $('#menu li a').addClass('curves3');
});

Answer 2

试试这个

$("#menu ul li a").each(function() {
$(this).addClass( "foo" );
});

Answer 3

只有CSS才能以我认为你想要的方式重用该类。您必须复制样式或在html中添加类或通过Javascript。

您可以使用mixin在LESS或SASS中轻松完成此操作。如果您对使用CSS预处理器感兴趣。

http://lesscss.org/

CSS - 连接两个类

3 个答案: