CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] question attribu "class" et "ID"

News jeu

Expeditions: Samurai veut révolutionner le RPG tactique avec une aventure entièrement jouable en coop

Voir
unknownmaster
unknownmaster
Niveau 8
12 octobre 2015 à 19:13:02

bonsoir !

Je prenais mes leçons habituelle sur code académie tout a l'heure et je suis arriver à la partie sur ces attribu, mais j'ai pas bien compris et même en cédant ce qu'ils m'ont demander ils ne fonctionnaient pas.

En gros j'ai du faire ceci :

Hmtl :

<p class="joli"> paragraphe 1 </p>
<p class="joli"> paragraphe 2 </p>

CSS :

.joli {
color: blue;
}

Et sa marche vraiment pas, et je vois pas ce qui est faux.
Merci d'avance !

NB : quelle est la différence entre ID et class, et puis je attribuer le nom que je souhaite à la place de "joli" dans mes futurs projets perso ?

Merci merci

Xnate
Xnate
Niveau 10
12 octobre 2015 à 20:14:23

On utilise une ID pour un élément qui ne va être utilisé qu'une seule fois dans la page.
Dans le CSS, on met un "#' à la place du '.' avant le nom.
Une classe peut être attribuée à plusieurs éléments.

Oui tu peux les appeler comme tu veux.

Et sinon, le code donné marche : http://i.imgur.com/cYPH6Kh.png

Pseudo supprimé
Pseudo supprimé 14 octobre 2015 à 12:10:53

Plus précisément, on met un ID pour identifier (comme son nom l'indique) un élément précis dans une page (et donc unique). C'était principalement utile au Javascript initialement, quand il était beaucoup plus compliqué de manipuler les classes.

Maintenant, on recommande l'utilisation des classes uniquement pour le CSS (pour une question de poids des déclarations, qui doivent être le plus légères possibles pour permettre une bonne modularité et maintenabilité), et le Javascript ne souffre plus de limitations désormais, avec querySelector()/querySelectorAll() et des classes comme classList.

Donc tu peux utiliser des Id de manière purement "informative" ou bien comme des ancres, mais ça reste leur seule vraie utilité aujourd'hui.

Chocolayte
Chocolayte
Niveau 73
14 octobre 2015 à 12:36:18

Et sa marche vraiment pas, et je vois pas ce qui est faux.

Tu t'es sans doute trompé en intégrant le fichier css, montre-nous tout ton code.

Message édité le 14 octobre 2015 à 12:36:29 par Chocolayte
Pseudo supprimé
Pseudo supprimé 14 octobre 2015 à 16:46:31

Le 14 octobre 2015 à 12:36:18 Chocolayte a écrit :

Et sa marche vraiment pas, et je vois pas ce qui est faux.

Tu t'es sans doute trompé en intégrant le fichier css, montre-nous tout ton code.

C'est censé marcher en effet...

Pseudo supprimé
Pseudo supprimé 15 octobre 2015 à 06:58:40

Je prenais mes leçons habituelle sur code académie tout a l'heure et je suis arriver à la partie sur ces attributs

Passe à un exercice suivant, ton code fonctionne.

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware