CSS rules are applied in order of their specifity. the more specific the rule is the higher priority it takes. in this example we have 3 paragraphs, two of them have a class attached to them and one of those also has the id. Id is the most specific selector, followed by a class selector, while the element selector is the most general.

1. Apply lightblue background to p tag.
   
2. Apply magenta background to .paragraph class.
   
3. Apply pink background to #my-id id.