css - CSS 没有出现在 Inspect Element 中？

Question

所以这就是 CSS 应该看起来的样子

  h1{
    font-family:monospace;
}

.main{
    border: solid #000000 0.1px;
    background:rgba(255,255,255,0.3);
}

这就是我在 Chrome 中的检查元素中显示的内容

element.style {
}
user agent stylesheet
html {
    display: block;
}

score 4 · Accepted Answer

好的，可能有很多事情可能出错，但我认为最有可能的是两个：

您的浏览器正在从缓存中加载 CSS。测试这一点的一种方法是将内联 css 添加到元素中。如果它加载了，但对您的 css 文件的更改没有，那么您可能要检查的是 .htaccess 中是否有 Expires 标头。在任何情况下，您可以做的第一件事就是打开您的 Chrome 开发人员工具，转到“网络”选项卡，选中“禁用缓存”选项并刷新页面。
如果问题没有通过之前的观察得到解决，您可能应该检查您的 CSS，在不适用的媒体查询中可能写错了某些内容，或者可能某些分号变得狂野并隐藏在行之间。它发生了。

score 0 · Accepted Answer

尝试这个：

.main{
    border: solid #000000 1px;
    background:rgba(255,255,255,0.3);
}

score 0 · Accepted Answer

There is nothing wrong with your CSS see the fiddle

border: solid #000000 0.1px;

0.1px is just working, but aint 0.1px it will be set to 1px.

Or your CSS is unable to be found, or some other CSS is overwritting/resetting it.

Can you link the url or make a jsfiddle yourself ? So i can inspect it.

score 0 · Accepted Answer

只需使用： ctrl + shift + R 如果您的 CSS 属性未或部分显示在检查 Chrome 浏览器中

4 回答 4