CSS 선택기를 적용 할 수 없습니다.

안녕하세요. 다음 코드에서 어디서 잘못 될지 알려주세요. 내 문제가 제대로 작동하도록 아래에 나와있는대로 내 CSS 페이지에 다음 CSS 스타일을 적용하려고합니다.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>

출처

2013-05-26 Debra Medien

ID는 대소 문자를 구분합니다. id CookieTerms (대문자는 C)의 이름을 지정했지만 ID는 cookieTerms (소문자는 c)입니다. CSS를 일치하지 않는

<div id="cookieTerms">

출처

2013-05-26 21:22:56 bwoebi

덕분에 그는 빠른 응답을 나는 모드는 단순히 아무것도 출력하지 있는지 확인합니다. 제가 놓친 것이 있습니까? –

@DebraMedien 예 #cookieTerms 선택기에서 'display : none;'을 사용합니다 ... 당연히 ... 그것을 제거하십시오. – bwoebi

duh 바보 같은 고맙습니다. 이전 j 쿼리 스크립트가 현재 완벽하게 작동합니다. 나는 당신을 투표 할 것입니다. 그러나 저는 오늘이 위대한 포럼에 합류하여 너무 많은 게시물을 만들 때까지 말을하지 않습니다. 그래서 다시 환호. –

사용자 ID의 경우 :

는 귀하의 ID (또는 선택기를 ...) 변경

그것은해야

(I 제대로 문제를 이해하는 경우) :

<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-26 21:24:59

자, 분명히 펀치에 맞았 어. –

CSS 선택기를 적용 할 수 없습니다.

답변

관련 문제