Question

I want all the anchor links within a <div class="status-outer"> to be white, except for those anchor links that are inside an <li> tag that is inside a <ul class="dropdown-menu"> tag.

Searching around, I came up with the following. Unfortunately, it doesn’t work. It seems none of my anchor links are white.

.status-outer a:not(ul.dropdown-menu > li > a) {
    color: #fff;
    text-shadow: none;
}

Can anyone help me find the problem?

Note that I have found other articles about exclusion syntax (that’s how I came up with the code above), but I couldn’t find any examples that were specific to my needs.

Answer 1

.status-outer a { color: #FFF; }
.status-outer .dropdown-menu li a { color: #000; }