Question

我有这个HTML代码，我想隐藏文字“Cloudy，Wind：2.4 km / h，Humidity：100％”

<div class="flxvrJtnbd theDayInfos">
    Cloudy<br>
    Wind : 2.4 km/h<br>
    Humidity : 100%<br>
    <span class="dhpflXvrjt degrees coldDegrees">
        19°C                                
    </span>
</div>

我只需要显示学位。

我尝试了类似的东西：

.theDayInfos:not(.degrees){
    display: none;
}

这没有用。还有其他方法可以做到这一点吗？

感谢您的帮助！

Answer 1

你只能用一些元素包装它们并隐藏这个元素。

Answer 2

您可以使用font-size

.flxvrJtnbd.theDayInfos {
  font-size:0rem;/*very  old browsers won't take it */
  }
.dhpflXvrjt.degrees.coldDegrees {
  font-size:1rem;/*very  old browsers won't take it */
}

<div class="flxvrJtnbd theDayInfos">
    Cloudy<br>
    Wind : 2.4 km/h<br>
    Humidity : 100%<br>
    <span class="dhpflXvrjt degrees coldDegrees">
        19°C                                
    </span>
</div>

Answer 3

如果该跨度没有合适的类

，您将希望每个都成为跨度然后隐藏

喜欢这个。

.theDayInfos span:not(.degrees) {
  display: none;
}

<div class="flxvrJtnbd theDayInfos">
  <span>Cloudy<br></span>
  <span>Wind : 2.4 km/h<br></span>
  <span>Humidity : 100%<br></span>
  <span class="dhpflXvrjt degrees coldDegrees">
        19°C                                
  </span>
</div>

Answer 4

将您想要隐藏的文字换行隐藏在另一个元素中：

<style>
.theDayInfos *:not(.degrees){
    display: none;
}
</style> 

<div class="flxvrJtnbd theDayInfos">
    <div>
        Cloudy<br>
        Wind : 2.4 km/h<br>
        Humidity : 100%<br>
    </div>
    <span class="dhpflXvrjt degrees coldDegrees">
        19°C                                
    </span>
</div>

除了一个div之外如何隐藏div中的元素？

4 个答案: