Partage

nth-child ne fonctionne pas dans Sublime Text

Cours "Apprenez à créer votre site web avec HTML5 et CSS3"

Sujet résolu
3 décembre 2017 à 21:52:57

Bonjour,

J'essaie d'utiliser nth-child pour donner un ordre différent à mes blocs, mais Sublime Text ne le reconnait pas. Ci-dessous l'exemple du cours, et le mien.

Merci pour votre aide !

Cours ("nth-child" devient jaune):

.element:nth-child(1)
{
order: 3;
}
.element:nth-child(2)
{
order: 1;
}
.element:nth-child(3)
{
order: 2;
}

Mon code ("nth-child" reste en blanc et ne produit aucun effet).

.introduction:nth-child(1)
{
    order: 2;
}

.news:nth-child(2)
{
    order: 3;
}

.menu:nth-child(3)
{
    order: 1;
}

-
Edité par HaraldCondé Piquer 3 décembre 2017 à 21:58:19

3 décembre 2017 à 23:25:58

Bon commençons par le début: le cours tu n'as QUE .element donc strictement le meme objet et toi .introduction .news .menu

Tu as la piste à toi de corriger ;)

PS: Rien à voir avec Sublime Text que j'utilise et qui fait tout correctement. Sache que 99% des erreurs viennent uniquement du développeur.

-
Edité par GuillaumeBo1 3 décembre 2017 à 23:32:47

Un homme azerty en vaut deux.
4 décembre 2017 à 10:20:36

Salut,

La coloration syntaxique de ton éditeur n’a rien à voir avec le résultat. Ce n’est pas parce qu'il ne le colore pas qu’il ne sera pas interprété par ton navigateur.

Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
4 décembre 2017 à 11:22:50

rhooManu a écrit:

Salut,

La coloration syntaxique de ton éditeur n’a rien à voir avec le résultat. Ce n’est pas parce qu'il ne le colore pas qu’il ne sera pas interprété par ton navigateur.

Oui mais la c'est pas pret de faire ce qu'il veux de toute maniere
Un homme azerty en vaut deux.
Staff 4 décembre 2017 à 11:53:44

Bonjour,

> c'est pas pret de faire ce qu'il veux de toute maniere

Ben on sait pas, puisqu'on n'a pas le HTML associé.

Si l'élément de classe "introduction" est le premier enfant de son parent, :nth-child(1) le ciblera. Mais bon ici le nth-child ne sert à rien, si on a des classes, autant s'en servir.

Ce qui amène à :

Harald, peux-tu nous donner ton HTML ?

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
4 décembre 2017 à 22:24:08

Merci pour vos réponses ! Effectivement ça marche mieux en suivant l'exemple. J'ai renommé les éléments de la même manière et ça fonctionne.

5 décembre 2017 à 0:52:02

n'oublie pas de mettre ton sujet en résolu grâce au bouton en haut à droite ;)
Un homme azerty en vaut deux.

nth-child ne fonctionne pas dans Sublime Text

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown