Большинства конкретного селектора CSS для класса

Question

У меня есть класс CSS, давайте назовем его myclass

.myclass { 
    background-color: 'green'; 
} 

, который добавляется динамически элементы на странице. Это работает хорошо, но когда есть более специфический селектор, например: input[type='text'], используется свойство background-color. Теперь мне нужно написать более конкретный селектор, хотя я не знаю, на каком элементе в DOM будет добавлен этот класс, чтобы он перезаписал все остальные селектора этого элемента. Может быть, я мог бы начать с примерно такого:

или есть лучший способ?

Answer 1

Я бы порекомендовал читать около selector specificity. Обертка его вокруг (например) ID увеличит приоритет для этого элемента.

#myid .myclass{ 
    background: green; 
} 

Или вы можете указать .myclass для элемента.

div.myclass {}