CSS Dot Notation Naming Convention

Question

I am getting started with learning CSS.

While looking through the tutorial on w3schools.

I realized some of the example start with

.awesom         


        

Answer 1

A '.' refers to a class, while a '#' refers to a id. When neither a '.' or a '#' are used, the CSS will apply the style to an HTML object. So for p .one and p .two, the CSS will be applied to the '.one' and '.two' classes that exists within the 'p' object.

For a more detailed example;

This text will have the CSS of "p .one"
This text will have the CSS of "p .two"