What is the correct order of style application at runtime?

The correct order of style application at runtime emphasizes the sequence in which different style sources are applied to elements on a user interface. Inline styles take precedence as they are applied directly to individual HTML elements, providing the highest level of specificity. This means that any inline styles defined will override those specified in style sheets.

Next in the sequence are harness style sheets. These are CSS styles applied at the harness level within the application. They have lower specificity than inline styles but serve to establish a consistent look and feel across sets of UI components depending on the harness being used.

Finally, skin rules are applied. Skin rules are broader and define styles at the application level, impacting the overall appearance of the UI elements throughout the application. Given their more general approach to styling, they will be overridden by both inline styles and harness styles.

Hence, the correct order is inline styles leading the way, followed by harness style sheets, and lastly, skin rules that exist in the application. This logical progression ensures that the styles that need to take precedence indeed do, creating a flexible and manageable styling structure.