DIV 용 CSS 클래스

Question

누락되었습니다. 나는 다음과 같은 CSS를 가지고 :

<style = "text/css"> 
     .sidebar_qustions {padding: 10px; background-color: Green;} 
     div.sidebar_qustions {padding: 10px;} 
     DIV.sidebar_qustions {padding: 15px;} 
     DIV .sidebar_qustions {padding: 20px;} 
     ul.sidebar_questions_outer { list-style: none; margin: 0px; color: Red;} 
     ul.sidebar_questions_inner { list-style: none; display:inline } 
     li.sidebar_questions_inner { display:inline; padding: 5px; } 
    </style> 

나는 다음이 코드를 다음 sidebar_questions DIV는 스타일되지 않습니다이있을 때 : 나는이 시도 그래서 내가 DIV에 스타일을 적용 할 수 있다고 생각

<div id="sidebarwrapleft"> 
    <div id="sidebar"> 
      <div class="sidebar_questions"> 

을 위의 몇 가지 다른 방법이 있지만 그 중 아무 것도 작동하지 않습니다. DIV에 스타일을 적용 할 수 있습니까?

누군가가 도움을 줄 수 있기를 바랍니다.

Answer 1

당신은 당신의 CSS에서 CSS를

에 .sidebar_questions을 철자가 틀리 한 당신은

.sidebar_qustions 

이 당신의 HTML에 당신은 문제가 이런 종류의 문제를 해결하는 데

<div class="sidebar_questions"> 

이 Firefox 및 해당 플러그인 firebug을 사용하십시오. 이렇게하면 페이지의 관련 부분을 마우스 오른쪽 버튼으로 클릭하고 적용되는 스타일을 볼 수 있습니다. 스타일이 표시되지 않으면 이름을 잘못 입력했거나 스타일 시트를 포함하지 않았거나이 경우 실수로 스타일 시트 요소를 정의했음을 의미합니다.

올바른 WC3 권장 사항을 참조 할 수 있도록 here을 볼 수 있습니다.

Answer 2

스타일 태그는 다음과 같아야합니다

<style type="text/css"> 

왜 반복해서 같은 CLASSE에 대한 지침을 작성하려면 어떻게해야합니까? 또한 'quEstions'의 철자가 잘못되었습니다.

.sidebar_questions {padding: 10px; background-color: Green;} 
div.sidebar_questions {padding: 10px;} 
DIV.sidebar_questions {padding: 15px;} 
DIV.sidebar_questions {padding: 20px;}