Использование селекторов

#html #css

Всем привет, подскажите, как правильно прописать селекторы, что бы все объекты 6
и объекты 8,9, не находились еще в одной рамке.





.content .right-bar div {
  margin: 10px;
  padding: 10px;
  border: 2px solid black;
  font-size: 20px;
}

  

    
4
    
7
  
  

    
5
    

      
6
      
6
      
6
      
6
      
6
      
6
    
    

      
8
      
9
    
  




    

Ответы

Ответ 1

Я правильно поняла задачу?



.content .left-bar .four,.seven, .right-bar .five, .center div, .bottom .eight, .nine {
  margin: 10px;
  padding: 10px;
  border: 2px solid black;
  font-size: 20px;
}

  

    
4
    
7
  
  

    
5
    

      
6
      
6
      
6
      
6
      
6
      
6
    
    

      
8
      
9
    
  



Ответ 2

Обводить элементы div, которые находятся непосредственно (являются подэлементами
первого уровня) в элементах .right-bar, которые находятся где-то внутри .content:



.content .right-bar > div {
  margin: 10px;
  padding: 10px;
  border: 2px solid black;
  font-size: 20px;
}

  

    
4
    
7
  
  

    
5
    

      
6
      
6
      
6
      
6
      
6
      
6
    
    

      
8
      
9