css - 我怎样才能用 CSS "display:none"到一些相邻的文本？

Question

我需要处理的代码如下所示:

    <p>
    <a href="http://foo.com/foo.html"></a>
    <a href="http://creativecommons.org/publicdomain/mark/1.0/" rel="license">
    <img alt="Public Domain Mark" src="http://i.creativecommons.org/p/mark/1.0/88x31.png" style=""></a>
    <br> This work is free of known copyright restrictions... 
    </p>

它显示图像，然后在图像后面显示一些文本。我不需要显示任何一个。

这可以很好地消除图像:

a[rel="license"] {display:none;}

但是，我需要一种方法来删除 <br> 之后的文本。 (如果可能的话及其未闭合标签)并且不能丢失结束 </p>标签。

我从远程站点获取 HTML，并且无法控制那里的标记。

预先感谢您的帮助!

Answer 1

如果不添加标签，就无法使用 CSS 隐藏此文本 - 取决于您获取网站的方式，最好的选择是尝试查找 "This work is free of known copyright restrictions..."并将其替换为 <span></span> 包围的相同文本;或者干脆将其完全删除。