Как объединить селектор регулярных выражений с: после? - PullRequest
0 голосов
/ 03 июня 2019

В настоящее время у меня есть несколько тегов <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>

Как я могу выбрать все псевдо-афтерфы для детей, которые соответствуют данному регулярному выражению?

ПРИМЕЧАНИЕ. Здесь задается не выбор родителя ребенка, а выбор потомков родителя.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...