Hello

I study this article for "Front end specialist" certification: https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Look_and_Feel/Cascading_Style_Sheets_(CSS)   :

CSS specificity

The styles have different priorities and the order Service Studio imports the style sheets affects how the  browsers apply them. The last style to be applied has the highest priority.

1. System style sheet for Container widgets in the Grid.
2. Block style sheet.
3. Theme style sheet, which also includes a base theme (if specified).
4. Screen or Email style sheet.
5. Theme extra style sheet, with the Grid settings defined in the Theme properties.
6. Styles that Service Studio generates when you use Styles Editor.
7. Inline style you define in Attributes or Extended Properties.

If we are talking about two rules defined in the same style sheet, the last rule to be defined has a higher precedence.

But if you go through the videos of the course, 

https://www.outsystems.com/training/paths/16/becoming-a-front-end-developer-in-outsystems/

then this is part of the study material. Why is it different from the article above ?

Precedence/loading order: 

• Blocks (lowest)
• Base theme(s)
• Theme and Theme Editor 
• Screen 
• Styles Editor
• Inline styles