Как правильно обратиться к нужному селектору, имея доступ к соседнему к нему селектору?

Question

[Анастасия]

Необходимо изменить свойство display у селектора .lm_maximise, чтобы скрыть иконку ресайза у вкладки. Напрямую обратиться .lm_maximise не могу, потому что таких иконок по проекту много, а скрыть нужно только в этом месте, передать какие-то отличительные атрибуты именно для этой иконки не получается. Получилось обратиться к соседнему тегу по его атрибуту title - .lm_tab[title='Настройка']. И от него я думала обратиться к общему родителю и потом уже к нужному мне селектору .lm_maximise, но эта запись не работает. Подскажите, как правильно написать?

.lm_header:has(.lm_tab[title='Настройка']) {
  .lm_maximise {
    display: none !important;
  }
}

Answer 1

[Вадим]

Давайте по порядку:

• has ещё никто не поддерживает.
  
• Обратиться к родителю через css нельзя.
  
• Почему бы не сделать такой селектор .lm_maximise[title="Увеличить"]. А если выдаёт не нужные элементы, то усложнить через родителя? Типа так:

  .lm_header > .lm_controls > .lm_maximise[title="Увеличить"]

  
  
• Нарушили правило 3.8
  

Comments

[Анастасия]

так мне нужно, чтобы у соседнего к нужному селектору .lm_tabs был ребенок с классом lm_tab и атрибутом [title='Настройка'] и только у такого класса .lm_maximise с таким соседом изменить display. И я не пойму, как прописать такое условие. Если я обращусь через .lm_maximise[title="Увеличить"], то изменятся и остальные иконки по проекту, не только эта. Я к сожалению не могу передать какого-то отличительного атрибута для этой иконки, чтобы потом вычленить ее из класса .lm_maximise

[Вадим]

Анастасия, Хорошо, более специфичный селектор через родителя чем не подходит? У Вас там может быть другая структура HTML?