En mi caso lo que me pasa es que quiero ocultar 3 clases del desplegable del icono de registro en prestashop
, pero no puedo por que todas las class están nombradas del mismo modo:
<div class="dropdown-menu">
<div class="dropdown-item href="..."></div>
<div class="dropdown-item href="..."></div>
<div class="dropdown-item href="..."></div>
<div class="dropdown-item href="..."></div>
<div class="dropdown-item href="..."></div>
<div class="dropdown-item href="..."></div>
<div class="dropdown-item href="..."></div>
<div class="dropdown-item href="..."></div>
</div>
Me gustaría quitar la 4ta, la 5ta, y la 6ta. Me han comentado que desde css hay una orden que puedes ordenar que de una div te oculte con "hidden" o "display: none;" la clases de la posición 4, de la posición 5, y la posición 6.
Por lo tanto me gustaría saber si alguien sabe cul es esta orden para CSS.
Gracias!
.dropdown-item:nth-child(4), .dropdown-item:nth-child(5), .dropdown-item:nth-child(6){ display: none; }