@valid8r
The reason “.clock.time” doesn’t work is because it’s looking for an object with both classes “clock” AND “time”.
“.clock div.time” would be correct but only to address a div with the class “time” (within an object with the class “clock” ).
“.clock .time” would be the same, but the object doesn’t have to be a div - it could be a p (paragraph) with the class “time”
“.clock.time” would address only objects that have both classes, not regarding their parents.
So in your case it would be correct to write “.clock .time, .clock .date” to address both “.time” and “date” within “.clock”. Your example would address all objects with the class “date” regardless of their parents class being “clock” or not.
Edit:
Not to confuse you, but just to make this complete, there is another way to make sure you get the right child of a parent:
“.clock > .time” would address “.time” only if the direct parent is “.clock”. So if it’s
< div class=“clock” >
< div class=“time” >
“.time” will be addressed, but if it is
< div class=“clock” >
< div >
< div class=“time” >
“.time” is not addressed. (Just in this instance with > in between.)