我目前有一些<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>
如何为与给定正则表达式匹配的子项选择所有伪余弦?
注意:这不是要选择孩子的父母,而是要选择父母的孩子。