Question

<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
    <link rel="stylesheet" href="main.css" />
</head>
<body>
</body>
</html>

当我运行此代码时，我会看到“我的网页”。在我的浏览器标题栏和正文中！

为什么我会这样做？

Answer 1

因为<head>和<title>只是标签，所以其他任何东西。 *选择器也会选择它们。

对于踢腿，请查看this fiddle，这清楚地表明当您提供head和title display:block样式时，它们确实会在页面上显示为文字：

HTML

<body>
    <p>hi</p>
</body>

CSS

head, title {display:block}

输出

- jsFiddle演示
喜

为了更有趣，we can color things too。我们甚至在这个过程中了解了JSFiddle的内部工作原理。看起来他们在<style>内的<head>标记中内嵌了您的样式。哈！

Answer 2

没有。它没有并且不会输出这样的结果。您是否尝试刷新/清除浏览器的缓存？