如何解决如果 HTML 文件的 <body> 顶部有一个 <script>,为什么 p:first-child 不适用于第一段?
如果 HTML 文件中的p:first-child
顶部有 <script>
,则 <body>
不适用于第一段。
如果您将 <script>
移动到 <body>
的底部 - 它可以工作。
并且 CSS 样式的位置无关紧要(在标签之间或文件中))。
例如
p:first-child {
font-weight: bold;
}
它不适用于第一(或任何)段落,直到我将脚本移到底部
解决方法
:first-child
将选择作为其父元素的第一个子元素的任何元素。 p
将选择任何段落元素。 p:first-child
将选择作为其父元素的第一个子元素的任何段落元素。如果您的段落是 body 元素的直接后代,则在该段落之前的 body 中包含任何其他元素将导致它不是 body 元素的第一个子元素。您可以在所有段落周围添加一个 div,并将脚本保留在正文的开头;如果 div 的第一个子元素是段落元素,那么它的样式将使用 p:first-child
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。