Question

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

我理解#cookieTerms是一个选择器，可以阻止元素与网站main 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>

Answer 1

Ids区分大小写。您将id命名为CookieTerms（使用大写C），但您选择了标识cookieTerms（使用小写c）。

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

<div id="cookieTerms">

Answer 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>

CSS Selector无法应用

2 个答案: