http://jsfiddle.net/6v5BZ/

a[href^="http"]:after {
    content:"";
    width:10px;
    height:10px;
    display:inline-block;
    background-color:red;
}

a[href^="http"] img ~ :after {
    display:none;
}

..在这个HTML？

<a href="http://google.com">Test</a>
<a href="http://google.com">
    <img src="https://www.google.com/logos/classicplus.png">
</a>

这个想法是在匹配的锚标签上有一个伪元素。但我不希望它适用于包装图像的锚标签。而且由于我无法使用像“我想，也许我可以瞄准：在伪元素后，找到一个像兄弟姐妹的图像。

任何见解将不胜感激。

解决方法

• 上一篇：CSS多输入[类型]选择器下一篇：css3 – HTML5翻页效果？