html - 单独更改部分div

Question

我正在尝试更改 div 的一部分，这将是我的 Logo ，但它是具有背景的 div 的一部分。我需要 Logo 的背景是透明的，但我看不到变化，因为它是称为“四列”的 div 的一部分。这是代码:

<div class="four columns">
    <h1 id="logo">Unlighted Gaming  <a href="http://unlightedgaming.com"><img id="logo_img" src="http://unlightedgaming.com/wp-content/uploads/2014/04/Menulogo1.png" width="294" height="108" alt="Unlighted Gaming"></a></h1>
</div>
        <!--end logo-->

我试图在 css 中像这样更改它:

.four.columns.logo {
background: #transparent;

但没有运气

难道我不应该使用 CSS 吗？

Answer 1

您将 Logo 用作 id，但在您的 CSS 中您将其称为类。像下面这样更改您的 CSS。

.four.columns #logo {opacity: 0;} /* If you want to hide the element */

.four.columns #logo {background:transparent;} /* If you want to give transparent background*/

如果你想去除黑色，你应该像下面这样写你的代码。

.four.column
{
  background:transparent !important; /* I use important because you want to overwrite the original code*/
}