Question

我下面有一段代码，想使用css伪元素隐藏img标签。

<body>
     <div>
         <img src="hi.png">
         <div class="container1">
              <p>somevalue </p>
        </div>
    </div>
    <div>
         <img src="hi.png">
         <div class="container2">
              <p>somevalue </p>
        </div>
    </div>
</body>

<style>
    .container :: before{
display: none;
}
</style>

不幸的是，以上代码无法正常工作，并且我的图像没有被隐藏。请帮我了解如何使用CSS完成此操作。

在上面的代码中，我只想隐藏container2类之前的图像标签。我将有一个上课的周期（例如，我仅添加了2个），请帮帮我。

Answer 1

来自MDN：

在CSS中，:: before创建一个伪元素，该元素是所选元素的第一个子元素。它通常用于将化妆品内容添加到具有content属性的元素。

通过使用R> Rcpp::sourceCpp("~/git/stackoverflow/55797031/answer.cpp") R> myfun(matrix(2,2,2), matrix(3,2,2)) [,1] [,2] [1,] 12 12 [2,] 12 12 R> R> myfun(matrix(as.numeric(1:4),2,2), matrix(as.numeric(4:1),2,2)) [,1] [,2] [1,] 13 5 [2,] 20 8 R>，您无需在.container之前定位元素，而只是在其中创建一个新元素。

尝试此代码时，您会看到以下内容：

.container::before

使用伪类隐藏img元素的一种方法是例如

.container::before {
   content: 'lol';
}

如何使用伪元素隐藏img标签

1 个答案: