TabIndex属性，彼此之间有多个tabindex？

Question

是否可以在彼此内部放置多个元素（使用 tabIndex 属性设置），同时仍然专注于＆＃39; main＆＃39;父？

如果我的问题根本没有意义，这里有一个例子：

jsFiddle

<div class="parent" tabindex="-1">
    <div tabindex="-1">
        <h2>Header 1</h2>
        <div>
            <h2>Header 1.1</h2>
        </div>
    </div>
    <div tabindex="-1">
        <h2>Header 2</h2>
        <div>
            <h2>Header 2.1</h2>
        </div>
    </div>
</div>

基本上＆＃39;期望的结果＆＃39; 是我想要实现的，同时专注于它的主要父母（具有班级＆＃39;父母和＃的元素） 39）。目前，当关注子项（也设置了tabIndex属性）时，主要父项失去了焦点（这很明显）。但是我该如何解决这个问题呢？