Как правильно на jQuery записать clear?

Question

[Grizar]

Как на jQuery записать

@media (min-width: 320px) and (max-width: 638px) {
li.product:nth-child(2n+3){
  clear: left !important;
}
ul.products li.product.first {
    clear: none !important;
}
}
@media (min-width: 639px) and (max-width: 767px) {
li.product:nth-child(3n+4){
  clear: left !important;
}
ul.products li.product.first {
    clear: none !important;
}
}
@media (min-width: 768px) and (max-width: 960px) {
li.product:nth-child(4n+5){
  clear: left !important;
}
ul.products li.product.first {
    clear: none !important;
}
}

Answer 1

[Александр Борисович]

ой. Не мучайтесь с nth-child(4n+5). Все это коряво.
погуглите как привязать js события к media query
https://www.w3schools.com/howto/howto_js_media_que...

Comments

[Grizar]

А что тут корявого, все красиво, тока надо чтоб в ИЕ работало

[Александр Борисович]

https://caniuse.com/#search=matchMedia
в 10 будет

[Grizar]

Александр Борисович, спс

Answer 2

[Antowa Kartowa]

Чет я уже забыл когда clear в последний раз использовал. Зачем оно вообще вам? Может можно без него обойтись и проще и чище еще будет?