Применить CSS для тега привязки внутри литий

Question

Я хочу, чтобы применить CSS якорь тег, который находится внутри литий и Ли находится внутри «.whitedrop» класс

<ul class="dropdown whitedrop"> 
     <li><a>My Profile</a></li> 
     <li><a>Settings</a></li> 
    </ul> 

Я попытался,

.whitedrop li a{ 
     background: red; 
    } 

Но это не работает. Что я здесь делаю неправильно?

Пожалуйста, помогите, Спасибо.

Answer 1

Это уже работает. Check this JSFiddle.

Возможно, есть другой стиль, с каким-то вмешательством. Попробуйте изменить ваше правило CSS, добавив !importantтолько для тестовых целей, чтобы подтвердить это поведение:

.whitedrop li a{ 
     background: red !important; 
    } 

Кроме того, это может быть что-то связано с кэш браузера. Вы пытались разбить кеш с помощью CTRL + F5 на вашем веб-браузере?