如何将正则表达式选择器与:after组合?

时间:2019-06-03 16:07:18

标签: css css-selectors

我目前有一些<a>标签,并且我想在其中一些标签后附加一个图标。我想排除所有有<img>子代的标签。

我可以使用以下选择器选择所有正确的标签:

a[href^='google'] > :not(img) {
  background: yellow;
}

不幸的是,当我将它与:: after伪选择器结合使用时,我什么也没得到:

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>

如何为与给定正则表达式匹配的子项选择所有伪余弦?

注意:这不是要选择孩子的父母,而是要选择父母的孩子。

0 个答案:

没有答案