css - 通过 CSS 从未声明的 div 中删除文本

Question

主题。我有一个用于 Joomla 的广告模块(不要怪我使用 joomla，这不是我，我只是在帮助我的 friend )。问题是我无法获取任何模块的源代码，所以我必须通过 CSS 解决大部分问题(主要是 display:none 方法)。

<div style="text-align: right;">
        <a style="text-decoration:none; color: #c0c0c0; font-family: arial,helvetica,sans-serif; font-size: 5pt; " target="_blank" href="http://joomline.ru/">ADVERTISMENT HERE</a>
</div>

如果只声明了 div，我只需使用 display:none 方法使其不可见...

期待帮助!

编辑:

<div class="content">
    <div id="jlvkgroup41016340" style="background: none repeat scroll 0% 0% transparent; height: 301px; width: 270px;">
         ...
    </div>
    <script type="text/javascript"> ... </script>
    <div style="text-align: right;">
        <a style="text-decoration:none; color: #c0c0c0; font-family: arial,helvetica,sans-serif; font-size: 5pt; " target="_blank" href="ADVERT LINK">TEXT ADVERT</a>
    </div>
</div>

Answer 1

假设您尝试隐藏链接(使用该特定 href):

a[href^="http://joomline.ru"] {
    display: none;
}

JS Fiddle demo .

基于新添加的 HTML，您可以使用同级组合器定位特定的 a 元素:

#jlvkgroup41016340 + script + div a {
    display: none;
}

JS Fiddle demo .

此目标为 a 元素，这些元素是 div 元素的后代，而 div 元素是 script 元素本身的直接相邻同级元素id 为 jlvkgroup41016340 的元素的相邻同级元素。

或者:

#jlvkgroup41016340 ~ div a {
    display: none;
}

JS Fiddle demo .

它的目标是 div 的 a 后代，它是 id="jlvkgroup41016340" 元素的后同辈。 引用文献:

• General-sibling (~) combinator .
• Adjacent-sibling (+) combinator .