Question

我有这段代码：

 <html>
   <head>
     <style>
        div label:last-child:after {
            content: " ";
            display: block;
            background: #8F8B8B;
            height: 5px;
            margin-left:1%;
         }
    </style>
  </head>
  <body>
    <div>
       <input type="radio" id="thumbnails" name="view" />
       <label for="thumbnails"></label>
       <label for="thumbnails"></label>
       <ul></ul>
   </div>
 </body>
</html>

但由于某种原因，它在ul之前没有输入任何内容。

如果我这样做：

div ul:before {
  content: " ";
  display: block;
  background: #8F8B8B;
  height: 5px;
  margin-left:1%;
}

效果很好，但我不想要这个。

Answer 1

这不起作用，因为last-child的{{1}}实际上是div

尝试<ul>

在css

1 个答案: