В настоящее время у меня есть несколько тегов <a>
, и я хочу добавить значок к некоторым из них.Я хочу исключить все теги, у которых есть <img>
дочерний элемент.
. Я могу выбрать все нужные теги, используя следующий селектор:
a[href^='google'] > :not(img) {
background: yellow;
}
К сожалению, когда я объединяю его с:: после псевдо-селектора я ничего не получаю:
a[href^='google'] > :not(img)::after {
content: '';
width: 50px;
height: 50px;
background: orange;
}
Вот скрипка с детской площадкой
a[href^='google']> :not(img) {
background: yellow;
}
a[href^='google']> :not(img)::after {
content: '';
width: 50px;
height: 50px;
background: orange;
}
<a href="google.com">
<img src="https://s3.amazonaws.com/images.seroundtable.com/google-submit-url-1516800645.jpg" />
</a>
<a href="google.com">
<p> There should be an orange square after this link while the link with the image should have no orange square </p>
</a>
Как я могу выбрать все псевдо-афтерфы для детей, которые соответствуют данному регулярному выражению?
ПРИМЕЧАНИЕ. Здесь задается не выбор родителя ребенка, а выбор потомков родителя.