Bootstrap - 在针对第一个孩子的数据目标中使用选择器

时间:2016-08-05 21:12:43

标签: html css twitter-bootstrap

我正在使用以下代码构建一个带引导程序的简单手风琴类型菜单:

<ul class="level_one">
    <li><a data-target=".level_2" data-toggle="collapse">Level One</a>
        <ul class="level_2 collapse">
             <li><a>Level 2</a></li>
             <li><a>Level 2</a></li>
        </ul>
    </li>
 </ul>
<ul class="level_one">
    <li><a data-target=".level_2" data-toggle="collapse">Level One</a>
        <ul class="level_2 collapse">
             <li><a>Level 2</a></li>
             <li><a>Level 2</a></li>
        </ul>
    </li>
 </ul>

虽然这段代码运行良好,它会触发所有包含.level_2类的元素,并且我只想定位嵌套元素。 我在data-target属性中尝试了几个CSS选择器,但似乎没有一个只获得具有该特定类的下一个元素。

我已经看到很多使用ID来定位所需对象的示例,但我不能,因为这个菜单将以dinamically方式生成,为了简单起见,我不想创建随机id名称来制作它们一起工作既不使用额外的javascript,因为这个功能已经在bootstrap中运行良好。

额外信息:此菜单中会有很多嵌套,而不是仅限2级菜单。

是否有一个特定的CSS选择器可以定位我可以在数据目标属性中插入的直接符号?

0 个答案:

没有答案