【问题标题】:Does Chrome have stylesheets on my computer, too?我的电脑上 Chrome 也有样式表吗?
【发布时间】:2013-02-26 06:30:39
【问题描述】:

例如,一个锚标签,如果没有明确地给定一个样式,就已经有了一个样式。它是蓝色的,访问时变为紫色,并在悬停时更改光标。

Chrome 从哪里加载这些样式?

我的计算机上是否有一个 Google Chrome 样式表,或者由 chrome 通过 rel 链接访问,其中包含以下条目:

...
a.visited {
    color:purple; /* just because */
}
a.hover {
    cursor:pointer;
}
... /* dozens of other CSS styles */

我在哪里可以找到这个 Google Chrome 样式表文件或在线资源?

理想情况下,类似于:chrome://internals/styles

或类似:http://cdn.google.com/chrome/html.css

【问题讨论】:

  • 我的猜测是它们是在 HTML 规范中定义的。因此,默认情况下,锚标记将是蓝色并带有下划线。然后浏览器简单地应用/实现/支持/呈现 w3c 标准。查看 html 规范将是一个很好的起点。这样的浏览器样式表更像是用户可以添加和自定义的主题或皮肤,而不是直接可编辑的东西。
  • 我猜错了!哈哈。 w3c 对链接有这样的说法——“用户代理通常会以一种使链接对用户显而易见的方式呈现链接(下划线、反向视频等)。确切的渲染取决于用户代理'。来自 html4 规范 w3.org/TR/REC-html40/struct/links.html#h-12.2
  • Chrome 样式表的链接是副本中已接受答案的第一个链接。
  • @Juhana 是真的。这确实提供了样式。这真有趣。但我想要的是“Chrome 如何加载这个样式表”?它是编译库内部的,是我硬盘上的文件还是从在线资源加载的?

标签: css google-chrome browser stylesheet


【解决方案1】:

【讨论】:

    【解决方案2】:

    所有浏览器都有一个user agent stylesheet。这本质上是他们决定应用的默认样式,没有要求或官方标准,尽管浏览器总是会尝试按照您的预期行事(蓝色超链接,点击后紫色等)。

    The webkit one can be found here

    Other browsers can be found here

    当您检查元素时,您会注意到某些样式。例如,检查网页上的任何元素,然后单击 <head> 标记。您会注意到以下内容:

    head 就像任何其他元素一样,因此它通常会出现在您的网页上。显然这不是开发人员想要的,他们当然不希望在每个样式表中都隐藏头部,所以默认情况下用户代理会为他们做这件事。

    【讨论】:

    • @CrisStringfellow 是的(尽管你不应该这样做)。尝试将样式display: block; height: 200px; background: red; 添加到head,您可以看到头部与任何其他元素相同。
    • 我就是这么做的。这是一个奇怪的时刻。
    猜你喜欢
    • 2013-09-29
    • 2017-08-19
    • 1970-01-01
    • 2013-06-09
    • 2020-09-29
    • 2013-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多