Regardless of their version, each adding new features while maintaining backward compatibility with the previous one(s), CSS sticks to the following syntax:
<selector> [sub-selector] [sub-sub-selector] { <property>: <value>; <another-property>: <value>; <yet-another-property>: <value>; [...]}
This translates as follows:
.quiz { margin: 5px; padding: 5px 10px; border: 1px solid black; background-color: #dddddd; width: 300px;}
We've seen this code before; it's a class we added in our application's quiz.component.ts file in a previous chapter. It basically says that any HTML element with the quiz CSS class assigned will have a light-gray background color, a black, solid, and pixel-wide border, no margin against the surrounding ...