it-swarm.com.ru

Правило CSS, которое применяется, только если элемент имеет ОБА классы

Допустим, у нас есть эта разметка:

<div class="abc"> ... </div>
<div class="xyz"> ... </div>
<div class="abc xyz" style="width: 100px"> ... </div>

Есть ли способ выбрать только <div>, который имеет оба класса abc и xyz (последний) И переопределить его встроенную ширину, чтобы эффективная ширина была 200px?

Что-то вроде этого:

[selector] {
  width: 200px !important;
}
232
Majid Fouladpour
div.abc.xyz {
    /* rules go here */
}

... или просто:

.abc.xyz {
    /* rules go here */
}
367
esqew

Ниже применимо ко всем тегам следующих двух классов

.abc.xyz {  
  width: 200px !important;
}

применяется к тегам div со следующими двумя классами

div.abc.xyz {  
  width: 200px !important;
}

Если вы хотите изменить это с помощью jQuery

$(document).ready(function() {
  $("div.abc.xyz").width("200px");
});
9
John Hartsock

Если вам нужно прогрессивное решение, это должно работать в jQuery:

$(".abc.xyz").css("width", 200);
3
scrappedcola