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;
}

Answer 1

试试这个：

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

Answer 2

好的，可能有很多地方会出错，但我认为最有可能的有两个：

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

Answer 3

你的CSS没有问题see the fiddle

border: solid #000000 0.1px;

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

或者你的CSS找不到，或者其他CSS就是overwritting/resetting了。

你可以 link url 或者自己制作一个 jsfiddle 吗？所以我可以检查一下。

Answer 4

只需使用： ctrl + shift + R 如果你的 CSS 属性没有或部分显示在 inspect Chrome browser

CSS isn't showing up in Inspect Element?