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

Here . is class selector. It means apply style to all elements which has class awesome-text-box ie,

while without dot it is tag name like you mention in second example p Here p is tag:

Some text

Similarly p.one apply the style to all p tags which has class one. ie,

Some text