Partage
  • Partager sur Facebook
  • Partager sur Twitter

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

  • Partager sur Facebook
  • Partager sur Twitter
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

  • Partager sur Facebook
  • Partager sur Twitter
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.

  • Partager sur Facebook
  • Partager sur Twitter

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
  • Partager sur Facebook
  • Partager sur Twitter
Un homme azerty en vaut deux.
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 ?

  • Partager sur Facebook
  • Partager sur Twitter

Pas d'aide concernant le code par MP, le forum est là pour ça :)

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.

  • Partager sur Facebook
  • Partager sur Twitter
5 décembre 2017 à 0:52:02

n'oublie pas de mettre ton sujet en résolu grâce au bouton en haut à droite ;)
  • Partager sur Facebook
  • Partager sur Twitter
Un homme azerty en vaut deux.
6 juillet 2022 à 12:04:56

bonjour j'ai exactement le même problème et ne comprends pas la solution…
  • Partager sur Facebook
  • Partager sur Twitter
6 juillet 2022 à 13:24:50

Bonjour,

Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.

Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Déterrage

Citation des règles générales du forum :

Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.

Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre.
En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.

Au lieu de déterrer un sujet il est préférable :

  • soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
  • soit de créer un nouveau sujet décrivant votre propre contexte
  • ne pas répondre à un déterrage et le signaler à la modération

Je ferme ce sujet. En cas de désaccord, me contacter par MP.

  • Partager sur Facebook
  • Partager sur Twitter

Pas d'aide concernant le code par MP, le forum est là pour ça :)