CSS override property how?

Question

css

There is a menu, it has several items that consist of links. I apply the style to all links that are in the menu:

.dropdown a {
    display: block;
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    padding: 18px 20px 12px 16px;
    border-bottom: 3px solid transparent;

But, for the last link, I want to cancel this property, how to do it?

Answer 1

.dropdown a :not(:last-child)

Answer 2

.dropdown a:last-child {

}

You can try that.
UPD: Override the properties you need for the last element.

Answer 3

There is no way to cancel, you can only overwrite with a new one (which, as it were, cancels the previous style).

.dropdown a {
    color: #000;
}
.dropdown a:last-child {
    color: #fff;
}

Answer 4

If such problems arise, then I advise you to read about the specificity of selectors.