2016-07-27 2 views
0

대괄호 편집기를 사용하고 있으며 편집기 또는 라이브 미리보기 (localhost)에 문제가 있는지 또는 내가 수행하고 있는지 확실하지 않습니다. 뭔가 잘못.div (CSS)에 중첩 된 div를 선택할 수없는 것 같습니다.

개별 ID는 잘 액세스 할 수 있지만 일단 다른 ID (div도 포함) 안의 ID에 액세스하려고 시도하면 액세스하지는 않지만 실제로 오류가 발생하지는 않습니다. 그것은 단지 아무 것도하지 않을 것입니다. 예를 들어

, 나는 단어 'DIV'뿐만 아니라,하지만 행운을 포함하려고했습니다 모두

#myId > #myId2 {} 
#myId #myId2 {} 

... 문제가 무엇인지 어떤 생각을 해봤?

+1

자세한 정보가 없으면 확인할 수 없습니다. [jsfiddle] (https://jsfiddle.net/)을 설정하거나 가능한 범위를 좁히기 위해 브라우저에서 파일을 실행 해 볼 수 있습니까? –

+0

너는 div에서 너비와 높이를 주셨습니까? –

답변

0

u는 이런 식으로 일을하는 경우가 작동합니다 :

HTML :

 <!DOCTYPE html> 
      <html> 

       <head> 
       <link rel="stylesheet" href="style.css"> 
       <script src="script.js"></script> 
       </head> 

       <body> 
       <div id="parent"> 

        <div id="child" class="child"> 

        <div id="grandChild" class="child"> 

        </div> 

        </div> 

       </div> 
       </body> 

      </html> 

CSS : 아래의 데모에서

  #parent{ 
       height: 200px; 
       width: 200px; 
       background-color: red; 
      } 

      #grandChild{ 
       height: 50px; 
       width: 50px; 
       background-color: lightgreen; 
       border-radius: 20%; 
      } 

      #parent>.child{ 
       height: 100px; 
       width: 100px; 
       background-color: lightblue; 
       border-radius: 50%; 
      } 

이 #parent> .child #로 변경하려고 부모 .child 및 차이를 참조하십시오.
WORKING DEMO

아마도 위의 의견에서 언급 한대로 높이와 너비를 제공하는 것을 잊어 버렸습니까?

희망이 도움이됩니다.

관련 문제