0
votes

CSS à appliquer si 2 éléments existent

Compte tenu du marquage HTML suivant, je veux appliquer (s) CSS uniquement lorsque 2 STRORT> des mêmes éléments n'existe pas (pas quand il existe).

Je ne veux pas utiliser JavaScript Pour compter le nombre d'éléments et appliquer une autre classe, je pense que c'est la seule approche. P>

<div>
  <a href="/">Home</a>
  <a href="/about">About</a>
</a>

html css css-selectors

1 commentaires

AlistaPart.com/article/Quantity-Queries-for-css

3 Réponses :

-3
votes

Utilisez-vous Pre-Compilor? Ensuite,

div {
   & a:nth-child(n+2) {
    // css instruction
  } 
}

1 commentaires

Votre réponse est fausse. Veuillez prendre le temps nécessaire pour tester votre réponse avant de la publier.

3
votes

Vous pouvez utiliser "Quani-requêtes". Pour exactement strong> deux ... xxx pré>

Source: https: / /quantitityqueries.com/ p>

<div> <a href="/">Home</a> <a href="/about">About</a> </div> <div> <a href="/">Home</a> </div> <div> <a href="/">Home</a> <a href="/about">About</a> <a href="/more">More</a> </div>

0 commentaires

2
votes

^{update strong>: la question initiale indiquée " 2 ou plus STRY> des mêmes éléments" mais a été mis à jour plus tard ... sup>}

Vous pouvez le faire comme ci-dessous: P>

<div> <a href="/">Home</a> <a href="/about">About</a> </div> <div> <a href="/">Home</a> <a href="/about">About</a> <a href="/">Home</a> <a href="/about">About</a> </div> <div> <a href="/">Home</a> </div>

2 commentaires

Toutes mes excuses, je l'ai fait 2 ou plus à l'origine, puis modifié l'exigence.

Juste pour clarifier, 2 éléments ou plus sont parfaitement acceptables et une réponse valide.