这个 HTML 中的 <p> 标签，怎样才能用 css 选择器选中呢？

[lisisi]

HTML 结构是这样的：

<div class="items">
    <p>item one</p>
    <p>item two</p>

    <li>
        <p>Notice: ...</p>
    </li>
</div>

CSS 已经写了 p 标签的样式：

.items p { margin: 15px auto };

需要把 li 标签 里的 p 标签 margin 修改，却发现覆盖不了 ( .items p { margin: 15px auto } ) ：

li > p { margin: 10px auto }

---

请教，有什么方式用 CSS 选择器，再选中 li 标签下面的 P 标签，并覆盖 P 标签的 .items p { margin: 15px auto }; 样式吗？ (li 下面的标签 p 没有 id 可选）

[AugustCat]

.items li p { margin: 10px auto }

[humor66]

.items li p ?

[lisisi]

@AugustCat
@humor66

感谢，补齐完整确实可以选中了

[LyleRockkk]

这个问题是 css 选择器权值的知识点，楼主可以学习一下相关

[DOLLOR]

.class 的权重比 tag 高，所以，“li > p”的样式覆盖不了“.items p”的样式。
另外，按照标准，<li>标签的父元素只能是<ul>、<ol>、<menu>，不能是<div>。