gpt4 book ai didi

html - 为什么在空 html 文件中应用边框时通用选择器显示两个元素? (CSS)

转载 作者:太空宇宙 更新时间:2023-11-04 13:41:23 25 4
gpt4 key购买 nike

我在 Code Academy 学习 Web 基础类(class),注意到一些奇怪的事情。

如果我有这样一个 html 文件:

<!DOCTYPE html>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>

和像这样的 CSS 文件:

* {
border: 2px dashed black;
}

我将看到概述的两个元素。一些东西看起来像我的浏览器窗口的边缘,然后里面有一个稍微小一点的盒子。那两个盒子是什么?我的 HTML 文件中没有元素,所以概述了什么?

一开始我以为是<html>的大纲和 <body>元素,所以我尝试删除 <body> , 尝试删除 <head> , 最终甚至删除了 <html>但仍然有两个盒子。

谢谢!

编辑:我确实按照建议尝试搜索,但找不到以前的答案。很难找到这个具体问题的答案,谢谢。

最佳答案

htmlbody 元素的开始和结束标签是可选的。

您删除了标签,但没有删除元素。您可以通过在 DOM 检查器(例如在大多数浏览器开发人员工具中可以找到的)中查看文档来了解这一点。

(head同理,但默认为display: none)。

screen shot of developer tools

关于html - 为什么在空 html 文件中应用边框时通用选择器显示两个元素? (CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24311108/

25 4 0
文章推荐: jquery - 使用递增的类名将类应用于类似命名的 div
文章推荐: java - TreeCellEditor 在编辑单元格后执行操作
文章推荐: Java模式设计
文章推荐: html - 我可以让 border-bottom 看起来比
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com