无法应用 CSS 选择器答案

【问题标题】：CSS Selector cant be applied无法应用 CSS 选择器
【发布时间】：2013-05-26 21:21:15
【问题描述】：

大家好，请告诉我以下代码哪里出错了。我正在尝试将以下 css 样式应用于我的页面，如下所示，我的问题是让它正常工作。

我知道#cookieTerms 是一个选择器，它可以阻止元素与网站的主要 style.css 元素混合。

我想调用这些你会将你的代码包装在标签中

<div id="CookieTerms"></div>

但到目前为止我还没有运气。我的简单代码和输出如下。任何帮助都非常感谢。

<style type="text/css">
#cookieTerms{font-family:Arial, Helvetica, sans-serif;color:#DDD;display:none;width:100%;background:rgb(5,5,5);color:#DDD;margin-top:0;padding-top:4px;overflow:auto;}
#cookieTerms .inner{margin:auto;width:960px;}
#cookieTerms div.big{padding-left:5px;float:left;width:680px;}
#cookieTerms div div{padding-left:5px;float:left;width:110px;}
#cookieTerms div h5, #cookieTerms div p{font-size:14px;}
#cookieTerms div h5{font-size:18px;}
#cookieTermsagree{font-size:16px;color:#000;border-top:none;-webkit-border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border-radius:8px;font-weight:normal;text-align:center;background-image:url(../images/goldBar.png);cursor:pointer;display:inline-block;width:100px;}
#cookieTermsagree:hover{background-image:url(../images/greenBar.png);}
#cookieTerms a:link, #cookieTerms a:visited{color:#f6A21D;}
}
</style>
</head>

<div id="CookieTerms">
<div id='inner'><div><h5>Cookies Policy</h5></div><div id='big'>
  <p>Like most websites we use cookies blah blah. <a href='cookies.html'>Tell me more about cookies</a>.</p></div><div><p id='cookieTermsagree'>Close Cookie Message</p></div></div></div>

</body>
</html>

【问题讨论】：

标签： css tags

【解决方案1】：

ID 区分大小写。您将 id 命名为 CookieTerms（大写 C），但您选择了 id cookieTerms（小写 c）。

将您的 id（或选择器...）更改为：

<div id="cookieTerms">

【讨论】：

感谢他的快速回复，如果我制作了那个模组，它根本不会输出任何东西。还有什么我错过的吗？
@DebraMedien 是的，您在#cookieTerms 选择器中使用了display: none;...难怪...然后删除它。
duh silly me 感谢我从旧的 j 查询脚本中提取的这个输出现在可以正常工作了。我会投票给你，但我今天才加入这个很棒的论坛，所以直到我发了这么多帖子。所以再次欢呼。
@DebraMedien 但您可以在 5 分钟内接受答案。顺便提一句。我以为16声望就够了？最低是 15 岁？

【解决方案2】：

您 ID 上的大小写与 CSS 不匹配。

应该是（如果我正确理解您的问题）：

<div id="cookieTerms">
    <div id='inner'><div><h5>Cookies Policy</h5></div>
    <div id='big'>
        <p>Like most websites we use cookies blah blah. <a href='cookies.html'>Tell me more about cookies</a>.</p></div><div><p id='cookieTermsagree'>Close Cookie Message</p></div>
    </div>
</div>

【讨论】：

哎呀，显然被打败了。