CSS Selector can not

Question

Привет всем, возможно, кто-нибудь скажет мне, где я ошибаюсь в следующем коде. Я пытаюсь применить следующие стили 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> 

Answer 1

Идентификаторы чувствительны к регистру. Вы назвали id CookieTerms (с верхним регистром C), но вы выбираете id cookieTerms (с нижним регистром c).

Изменить идентификатор (или селекторы ...) для:

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