html - 如何仅使用 CSS 隐藏？

Question

我有以下代码，它位于我无法控制的文档中。我只能选择上传一个自定义 CSS 文件以进行覆盖。我怎样才能做到这一点？这是为了摆脱我们网站上的供应商链接。我擅长 CSS，但他们的设置很棘手。

<div style="display:block !important;text-align: center !important; padding: 15px; visibility:visible !important; opacity:1 !important; 
    height:auto !important; width:auto !important; op:auto !important; bottom:auto!important; left:auto !important; right:auto !important;">
    <a href="http://vendorsite.com" target="_blank" style="display:inline !important; font-size: 11px !important; 
        visibility:visible !important; position:relative !important; opacity:1 !important; height:auto !important; width:auto !important; top:auto !important; bottom:auto!important; left:auto !important; right:auto !important;">
        powered by Vendor Site
    </a>
</div> 

Answer 1

不，纯 CSS 是不可能的，因为已经在 HTML 中声明的 !importants 会覆盖任何 CSS，除非上面没有显示父对象，您可以覆盖。

如果 !important 标签不存在，下面的代码会起作用:

---

它有父元素吗？您在父 div 上没有任何属性可以搞乱，所以如果这段代码是单独的代码，您可以尝试:

div { display: none; }

但这是个糟糕的主意，会隐藏所有 div。

要应用 css，您可以命名一个类名，

<div class='parent-div'></div>

.parent-div { display: none; }

一个id属性:

<div id='parent-div'></div>

#parent-div { display: none; }

或任何其他属性:

<div animal='dog'></div>

div[animal='dog'] {display: none;  }

您可以隐藏子a标签:

a[href="http://vendorsite.com"] { display: none;  }