선택된 항목 흰색 강조 색깔

안녕하세요.

코드 따라하며 기능 확인중인데요!

리스트 5개 중에 선택된 항목을 'on' class를 주고 css에서 흰색으로 배경색 지정하는 부분이 있습니다. (32분 즈음)

여기서 영상에서는 아래와 같이 코드를 짰는데요.

.visual .control li .on a {
    background: #fff;
}

이게 먹질 않아서 순서도 바꿔보고 하다 아래와 같이 li 를 뺐더니 동작하더라고요. 어떤 것 때문에 그런 것일까요?

.visual .control .on a {
    background: #fff;
}