Использование: выбор селектора для изменения цвета выбора всех детей

Question

У меня есть два элемента div с любыми типами детей в нем (например, input и span), и я хочу изменить цвет выделения всех дочерних элементов в моем первом div red, а во втором div - желтый.

Следующая делает не работы:

#my-div-1::selection 
{ 
    background-color: red; 
} 

#my-div-2::selection 
{ 
    background-color: yellow; 
} 

Я не использовать селектор, как это:

::selection 
{ 
    background-color: yellow; 
} 

, потому что это будет перезаписывать цвет второй ДИВ и применить к весь документ.

Answer 1

Необходимо, чтобы выделил все дочерние элементы, к которым должен применяться селекционер. Вместо этого можно написать следующее:

#my-div-1 *::selection 
{ 
    background-color: red; 
} 

#my-div-2 *::selection 
{ 
    background-color: yellow; 
}