定位嵌套列表

想做一个嵌套列表。在哪里可以将外部列表显示为行内块和内部列表并作为块显示。我必须针对每个列表的类别设置错误，因为我无法应用这些偏好设置？谢谢:)定位嵌套列表

.days ul li { 
 
    display: inline-block 
 
} 
 

 
.points ul li { 
 
    display: block; 
 
}

<ul> 
 
    <li class="days"> 
 
    <h2>Title</h2> 
 

 
    <ul class="points"> 
 
     <li>Point 1</li> 
 
     <li>Point 2</li> 
 
    </li> 
 
    </ul> 
 
</ul

来源

2017-07-06 James

第二UL应该是LI内。但是，似乎你正在寻找一个dd dl dt。如果你想让标题在左边，并且在右边的点，你可能想看浮动。 –

您的标记无效。只有'li'可以是'ul'的直接后代。 –

在你的CSS选择器是错误的。你用.days和.points类选择ul“inside”元素。你需要的是你的ul元素里面的一个li，在这种情况下.days和.points。

另一个问题是你的html合成器。只有li可以是ul后代，所以你需要将第二个ul放入li中。

.days li { 
 
    display: inline-block; 
 
    width: 150px; 
 
} 
 

 
.points li { 
 
    display: block; 
 
}

<ul class="days"> 
 
    <li> 
 
    <h2>Title</h2> 
 
    <ul class="points"> 
 
     <li>Point 1</li> 
 
     <li>Point 2</li> 
 
    </ul> 
 
    </li> 
 
    <li> 
 
    <h2>Title 2</h2> 
 
    <ul class="points"> 
 
     <li>Point 1</li> 
 
     <li>Point 2</li> 
 
    </ul> 
 
    </li> 
 
</ul>

来源

2017-07-06 11:53:46

定位嵌套列表

回答

相关问题