Сергей delphinpro

Событие инпут нужно для работы с v-model. Его можно вызывать как хотите и на чем хотите.

https://ru.vuejs.org/v2/guide/components.html#%D0%...

Знаю решение только с помощью плагина masonry.desandro.com

Наверное, из за переноса текста в блоке выше

элементарно: изучить основы по манам/туториалам, которых в инете овердофига.
а с конкретными затыками уже милости просим сюда.

Все плохо

• Глобальные переменные — зло
  
• На лицо некий код, который и с сессией работает и с БД — явное нарушение общепринятных принципов, например SRP
  
• $dao как инициализирована? Явно не через конструктор
  
• Использование цифры, вот сиди гадай по ней — это плохо, используйте именованную константу. Например 3 — это некий статус для desktop, вот и назовите ее STATUS_DESKTOP, хотя далее...
  
• вы обращаетесь к одному методу, который шибко умный — работает с флагами, тем самым нарушая SRP и сам содержит if/else, сделайте просто 2 раздельных метода:
  

  getMobileOpinionList()
  getDefaultOpinionList()

  
  
• Предикат лучше вынести в отдельный метод isMobileOnly(), тк условия могут поменяться в нем, не будете же везде в if менять по всему проекту
  

document.querySelectorAll('[name=equal]')[2]

Нет, так не работает :nth-child.

:nth-child(3) возвращает именно третий элемент, чем бы не ни был. А так как он не name=equal, то ваше правило для него и не срабатывает. К сожалению, в CSS данный алгоритм работает именно так.

Поэтому только через JS, ибо CSS тут бессилен. Есть костыль: можете изменить теги всех div с name=equal на другой и выбрать их тогда :nth-of-type:



Полный костыль, да. Так делать не надо, хоть и работает.

Почему этот не подсвечивается ?

Потому что это четвёртый потомок родителя, а не третий. Селекторы комбинируются, а не применяются по очереди. Ваш селектор звучит как "имеющий имя equal и при этом являющийся третьим потомком своего родителя", а не как "возьми все с именем equal, а потом найди среди них третий".

Мировые практики в действии

Ещё один верстальщик узнал про margin collapse.
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

https://github.com/select2/select2