CSS - Соединение двух классов

Question

CSS - Соединение двух классов

0

Мой код. 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. Я просто хочу их соединить. Там в любом случае? Благодарю.

Sagar Raj 18 фев. 2014, в 07:40

Источник

0

ты пробовал JQuery
Janak Prajapati 18 фев. 2014, в 05:46
0

Почему вы не хотите просто скопировать border-radius в #menu li a ? Это просто. Оно работает. Вы бы сделали сейчас.
BlackHatSamurai 18 фев. 2014, в 05:49

Теги:

html

css

3 ответа

0

С помощью CSS вы не можете повторно использовать класс так, как я думаю, вы хотите. Вам нужно будет скопировать стили или добавить класс в html или через Javascript.

Вы можете легко сделать это в LESS или SASS с помощью mixin. Если вам было интересно использовать предварительный процессор CSS.

http://lesscss.org/

Newse 18 фев. 2014, в 03:40

0

попробуй это

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

Janak Prajapati 18 фев. 2014, в 03:14

Ещё вопросы

Почему вы не хотите просто скопировать border-radius в #menu li a ? Это просто. Оно работает. Вы бы сделали сейчас.

RealDeepak · Accepted Answer · 2014-02-18T02-55-00.000Z

Вы можете использовать код jquery следующим образом:

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