为什么我的css变化没有得到反映

Question

我的css变化没有在html5中得到反映，没有括号问题我也做了 ctrl + f5 我在其他一些路径中运行了相同的代码，我也在其他一些浏览器中运行了它，但问题似乎存在。

下面是我的html代码:

.div1 {
  max-width: 50%;
  border: 1px;
  /*background-color : "red";*/
}
.div2 {
  max-width: 50%;
  /*background-color : "blue";*/
}
.div3 {
  max-width: 50%;
  /*background-color :"green";*/
}

<div class="div1">p</div>
<div class="div2">q</div>
<div class="div3">r</div>

谁能告诉我我做错了什么?任何CSS的变化都没有反映出来，我看到的是白色文档，没有任何div

Answer 1

您的border语法是错误的，因为您没有设置border-style。

的形式语法是这样的:

<br-width> || <br-style> || <color>

值如下:

<br-width>

如果没有，则使用默认值medium。看到边框宽度。

<br-style>

如果缺席则使用默认值none。看到边框样式。

<color>

表示边框颜色的<color>。如果没有设置，它的默认值是元素的color属性(文本)的值颜色，而不是背景色)。看到边框颜色。

---

.div1 {
  max-width: 50%;
  border: 1px solid;
  /*background-color : "red";*/
}
.div2 {
  max-width: 50%;
  /*background-color : "blue";*/
}
.div3 {
  max-width: 50%;
  /*background-color :"green";*/
}

<div class="div1">p</div>
<div class="div2">q</div>
<div class="div3">r</div>

Answer 2

尝试使用特定的颜色和类型的边框，例如:

border : 1px solid red;

Answer 3

给border with color border:1px solid black

或有一个背景色background-color :green;(注意:颜色名称上没有引号)