CSS没有出现在Inspect Element中？

Question

这就是CSS应该是什么样子

  h1{
    font-family:monospace;
}

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

这就是我在Chrome中的Inspect Element中显示的内容

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

Answer 1

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

1. 您的浏览器正在从缓存中加载CSS。测试此方法的一种方法是向元素添加内联css。如果它加载了，但对css文件的更改没有，那么您可能检查的是.htaccess中是否有Expires标头。在任何情况下，您可以做的第一件事就是打开Chrome开发者工具，转到网络选项卡，选中禁用缓存选项并刷新页面。

2. 如果问题没有通过之前的观察得到修复，您可能应该检查您的CSS，可能会错误地编写某些内容，在不适用的媒体查询中，或者某些分号可能会变得狂野并隐藏在线之间。它发生了。

Answer 2

0.1px无法正常工作（仅显示firefox，因为firefox将其更改为1px）。

试试这个：

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

Answer 3

您的CSS see the fiddle

没有任何问题

border: solid #000000 0.1px;

0.1px只是工作，但不是0.1px它将被设置为1px。

或者您的CSS无法找到，或者其他一些CSS正在覆盖/重置它。

你可以自己链接网址或制作一个jsfiddle吗？所以我可以检查它。