从继承中排除CSS类

Question

I have tried to search but am not sure if I am posing the question right.

I applied the following css to my site:

a[target='_blank']::after {
    content: '\29C9';
}

This means that all external links will get the icon attached to it. So far, so good, it works as expected.

There are some situations though where I do not want this to happen, like in social share buttons. How can I exclude some classes?

Like when the link appears in a div with class ' socialbutton '?

PS I cannot add other style to these buttons (WordPress website and generated code)

Answer 1

You can overwrite this css code by adding new css to the class.

Example you can overcome this:

a[target='_blank']::after {
    content: '\29C9';
}

By doing this:

.socialbutton::after {
    content: '\fff' !important;
}

Answer 2

You can use the :not() selector:

a[target='_blank']:not(.social)::after {
    content: '\29C9';
}