Hi Justin,
it seems to me that the issue is that the 'type selector', e.g. h1{} [1] is
transpiled to a class selector .h1{}. And because no class selector is
assigned to those components, those styles will never be applied.
So, setting className="h1" works, but that's probably not that what we want.
I remember from another thread that that: "a Royale 'type' selector isn't
really a
true CSS Type Selector. It is really a Class selector with the same name as
the component's typeNames property".
Can somebody explain if this is related to this issue here?
Thanks,
Olaf
[1] h1{font-size: 32px; margin: .67em 0 }
[2] .h1 {margin: .67em 0; font-size: 32px;}
[1]
http://apache-royale-development.20373.n8.nabble.com/Need-help-with-CSS-class-selector-font-family-is-always-Arial-td1418.html
[2]
This is a short summary of my quick google search and investigation, maybe
this is helpul for others (Of course, I could be wrong!):
Universal selector (*):
Applies style properties to all individual elements.
Replaces inherited style properties, blocks inheritance.
@see https://drafts.csswg.org/selectors-3/#universal-selector
--
Sent from: http://apache-royale-development.20373.n8.nabble.com/
