I guess I understand your point now.
For the sake of completeness:
I found that CSS definitions are applied from "top->down" by browsers.
So if I understand it correctly:
If it's always the case that the 'default Royale component styles' are
defined at the top of the .css file, they will be 'overwritten' by any
following defined styles with the same name.
So in the example [1] the 'custom style' always wins.
If this would not work for whatever reason we additionally have the chance
to use the "!important" rule. This rule overrides any other declarations.[2]
Even if this is maybe bad practise in some cases this is the way to
overwrite styles of external libraries like Bootstrap.
I am satisfied now ;-)
Thanks,
Olaf
[1]
...
/* Default style */
Button {
color: red;
}
/* Custom style */
Button {
color: green;
}
...
[2] https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
--
Sent from: http://apache-royale-development.20373.n8.nabble.com/
