javascript - Narrow down CSS selector to data-option-id

This question already has answers here:

Answer

Solution:

You can use the attribute selector when you want to hide div your arrow points to.

[data-option-id="yourIDhere"] {
  display: none;
}

When you want to hide the parent id="gsAppContainer" you have to either work in your template or via JavaScript, as there are no CSS selectors to style parents in CSS 3.

const childElement = document.querySelector('[data-option-id="yourIDhere"]');
childElement.closest('#gsAppContainer').style.display = "none";

Source