However as you can see the relationship is part of each element, as opposed to having the element nested within each other based on their relationship.
If the relationships were going downwards it would be easy, i.e. The "Grandad" class would state what classes are inheriting from it, however as inheritance and classes don't work this way, i don't know how these relationships can be converted to a hierarchy structure such as:
<Grandad>
<Dad>
<Son>
</Son>
<Daughter>
</Daughter>
</Dad>
</Grandad>
How can I display this using xsl to show the hierarchy of classes ?
Grandad( Dad( Son(), Daughter() ) )
I am not too concerned with the form of presentation, only how to backtrack the Classes based on the relationship.
For example to be able to create something like the below:
<div>
Grandad
<div>
Dad
<div>
Son
</div>
<div>
Daughter
</div>
</div>
</div>