挂段缩进为段落中的无序列表项

Question

我一直试图在段落文本中的无序列表中缩进第二行+文本，以便所有行都是偶数。但是，当我插入下面的样式时，它与主导航混淆。

ul {
    list-style: disc outside none; 
    margin-left: 0; 
    padding-left: 1em;
}
li {
    padding-left: 1em;
}

我也尝试了p.ul和p ul，但没有运气。有什么建议吗？

Answer 1

您需要使用仅在嵌套列表元素之后的CSS选择器。

即

ul > ul { Will select first nested ul }
ul ul { Will select all nested ul's NOT including the parent ul }

或者在你的情况下 -

p > ul { }

这可能会奏效，但如果没有看到你的标记就很难准确。

另一个选项 - 添加类名以使CSS更容易选择特定元素

即

<p class="info-block">
   <ul>
       <li>Some list Item</li>
   </ul>
</p>

CSS

.info-block ul { padding-left: 1em; }

但正如Paulie_D所说 - 段落不应包含列表 Nest lists in paragraphs in html

相反，我建议使用<div>