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 に答える