В атрибуте class
вы записываете список классов, которые присущи данному div. Т.е. браузер будет пытаться искать css-свойства каждого из этих классов. А в файле стилей .css к ним можно получить доступ так:
.parent { ... }
.child-1 { ... }
.panda2 { ... }
Если ваши элементы находятся друг в друге, например:
<div class="parent">
<div class="child">
<div class="vnuk">
...
</div></div></div>
то получить доступ к элементу c классом vnuk, можно перечисляя последовательно все div (т.е. так как они находятся в документе):
.parent .child .vnuk {...}
или просто
.vnuk {...} ("внук" у нас один, если было бы много, то такое объявление применялось бы ко всем "внукам", найденным в документе)
Можно также через id обратиться, например:
#mydiv2 { ... }
(т.е. через точку вы записываете названия классов, а через решетку id)
Если вы в атрибуте class запишете, например:
<div class="child vnuk">
то это значит, что свойства будут браться сначала из класса child, а потом из класса vnuk.