Question

If I add a style like:

* {
  font-size: 14px;
}

and later I define for an element:

#myElement {
  font-size: 18px;
}

The fist one will override the second one.

Is there a way to define the first one, such as the second one will override it, and the 14px size will be applied to all the elements that don’t define a size?

(I would like alternatives to the use of classes)

Answer 1

The element #myElement will override the first rule as it is more specific. If #myElement has children then the children will match the global selector. Try setting the rule on body.