Learn Beaver Builder nomenclature in css

nomenclature in css

#id                   //create the container and apply container wide style for everything contained within
definition:xxx;
                      //modify something within the container but not effect anything else site wide.
.id.class-1{           
definition:xxx;
}
                      //modify a single html tag within the container
.id.class-1.element
{
                      //do it as many times as you need to for as many things as you need to
definition:xxx;
}
                      //do it as many times as you need to for as many things as you need to
.id.class-2{
proerty:xxx;
}
                      //do it as many times as you need to for as many things as you need to
.id.class-2.element
{
                      //use advanced css methods to filter or argue about property values
definition:xxx, possible-modifier, possible-arugment; 
}