求助：使用CSS类选择器制作黑色竖线不显示，如何排查解决？

导致黑色竖线无法显示的核心问题有两个：

• 选择器不匹配：HTML中你给div设置的是id="vl"，但CSS里用的是类选择器.vl，两者无法对应。你可以二选一修正：
  • 将CSS选择器改为ID选择器#vl；
  • 或者把HTML里的id="vl"修改为class="vl"。
• CSS属性语法错误：width::10px多写了一个冒号，正确写法是width:10px。

修正后的代码示例 #

方案一：使用ID选择器

HTML代码：

<body>
  <img src="icon-01.png" class="logo">
  <p class="textlogo">Rob Reyes</p>
  <div id="vl"></div>
</body>

CSS代码：

#vl {
  margin-left: 100px;
  width:10px;
  height:100px;
  background-color: black;
}

方案二：使用类选择器

HTML代码：

<body>
  <img src="icon-01.png" class="logo">
  <p class="textlogo">Rob Reyes</p>
  <div class="vl"></div>
</body>

CSS代码：

.vl {
  margin-left: 100px;
  width:10px;
  height:100px;
  background-color: black;
}

内容的提问来源于stack exchange，提问作者Rob