0

大家好，请告诉我下面的代码哪里出错了。我正在尝试将以下 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>
4

2 回答 2

3

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

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

<div id="cookieTerms">
于 2013-05-26T21:22:56.093 回答
0

您 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>
于 2013-05-26T21:24:59.303 回答