Tengo un problema con los siguientes códigos. Quiero deshabilitar el tercer span que muestra el contador de publicaciones que han visto los usuarios. ¿Cómo puedo arreglarlo?

span i.mdi.mdi-eye:display:none;
<div class="post-meta">
  <span></span>
  <span></span>
  <span><i class="mdi mdi-eye"></i></span>
</div>
1
mostafa 21 oct. 2019 a las 13:05

4 respuestas

La mejor respuesta

Puede seleccionar cada tercer elemento con el selector nth-child(). Como no tiene más elementos allí, funciona como se esperaba. Sin embargo, sería mejor usar el selector de clase i y ocultar el i.

div.post-meta :nth-child(3) {
  display: none;
}
<div class="post-meta">

<span></span>
<span></span>
<span><i class="mdi mdi-eye">10</i></span>

</div>
4
Mark Baijens 21 oct. 2019 a las 10:21
.post-meta span:not(empty) {
  display: none;
}
<div class="post-meta">

<span></span>
<span></span>
<span><i class="mdi mdi-eye">10</i></span>

</div>

O

.post-meta span:last-child {
  display: none;
}
<div class="post-meta">

<span></span>
<span></span>
<span><i class="mdi mdi-eye">10</i></span>

</div>
1
Heshan Kit 21 oct. 2019 a las 10:27

Este enfoque también funciona

.post-meta span:last-child() {
  display: none;
}
0
Awais 21 oct. 2019 a las 11:42

Tu problema es con el css que tienes. No ha encerrado el estilo con llaves ({X0}}

La solucion es:

span i.mdi.mid-eye {
    display: none;
}
1
Taylor Stocks 21 oct. 2019 a las 10:18