这是一个创建于 2170 天前的主题，其中的信息可能已经有所发展或是发生改变。
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 可选）
 | 1 AugustCat 2020-01-17 15:01:07 +08:00  1 .items li p { margin: 10px auto } |
 | 2 humor66 2020-01-17 15:01:09 +08:00 1 .items li p ? |
 | 4 LyleRockkk 2020-01-17 15:08:56 +08:00 1 这个问题是 css 选择器权值的知识点，楼主可以学习一下相关 |
 | 5 AV1 2020-01-17 15:14:28 +08:00 1 .class 的权重比 tag 高，所以，“li > p”的样式覆盖不了“.items p”的样式。 另外，按照标准，<li>标签的父元素只能是<ul>、<ol>、<menu>，不能是<div>。 |
Select Language