Nested links with basis templates

by rdvornov

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/basis.js/1.3.1/basis.js"></script>
<script type="text/basis-template" id="nested-anchors">
    <a href="#Foo">
        Foo
        <a href="#Bar">
            Bar
        </a>
        Baz
    </a>
</script>

CSS

a:hover {
    color: red;
}
a a:hover {
    color: green;
}

JavaScript

new basis.ui.Node({
    container: document.body,
    template: 'id:nested-anchors'
});