위의 속성을 따라가야 한다는게 좀 이해가 안가네요

선택자 방식에 따라서 다릅니다.

.container div {

  background-color: blue;

}

위에 처럼 div을 .container div 이렇게 태그 선택을 했기 때문에 .active를 다이렉트로 선택하면 적용이 안됩니다. 물론 .active를 다이렉트로 선택해도 !important; 를 넣으면 해결되지만 가능하면 !important 를 사용하지 않고 선택하는게 좋습니다.

.active {

  background-color: red !important;

}

그래서 !important를 사용하지 않고 선택하기 위해 아래처럼 선택자를 해주면 됩니다. 

.container .active {

  background-color: red;

}

영상은 아래처럼 되어 있는데... 위에 처럼 해주시면 됩니다.

.container div.active {

  background-color: red;

}