CSS 没有显示在检查元素中？

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

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

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

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

Answer 2

0.1px不起作用

(只显示火狐，因为火狐将其更改为1px(。

试试这个：

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

Answer 3

你的CSS没有错，看小提琴

---

border: solid #000000 0.1px;

0.1px 只是工作，但在 0.1px 中，它将设置为 1px。

---

或者

找不到您的 CSS，或者其他一些 CSS 正在重写/重置它。

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

Answer 4

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