Association .class qui ne marche pas - HTML/CSS - Programmation
Marsh Posté le 18-12-2019 à 17:09:37
mechkurt a écrit : A priori rien dans tes règles css susceptible de désactiver le click...
Et comme ça ? |
le click n'est pas désactivé c'est juste mon style graphique qui ne s'applique
Marsh Posté le 18-12-2019 à 17:20:59
Pour le moment, tu cibles un <a> dont le parent a la class .new
Tu dois simplement faire .news pour cibler la <a>
Marsh Posté le 18-12-2019 à 17:26:33
larbiter a écrit : le click n'est pas désactivé c'est juste mon style graphique qui ne s'applique |
Ah oui c'est très clair expliqué comme ça :
Citation : J'ai rencontré un problème dans mon code : j'ai mis une classe à une balise <a> qui fonctionnait très bien avant la mise en place de la class |
Un élément qui a une class ce cible de a manière suivante:
Code :
|
Faut revoir les bases la ! ^^
Marsh Posté le 18-12-2019 à 17:35:26
mechkurt a écrit :
|
j'ai déjà essayé aussi en mettant a.new mais le problème reste le meme
Marsh Posté le 18-12-2019 à 17:36:12
David Boring a écrit : Pour le moment, tu cibles un <a> dont le parent a la class .new |
euh..comment ca ^^'
Marsh Posté le 19-12-2019 à 06:47:13
Et tu dois mettre la propriété transition sur la class .new
.new {transition: 0.2s all linear}
Pas dans hover, focus
https://openclassrooms.com/fr/cours [...] itions-css
Marsh Posté le 19-12-2019 à 08:39:43
David Boring a écrit : Et tu dois mettre la propriété transition sur la class .new |
rien ne change toujours le meme problème
Marsh Posté le 19-12-2019 à 10:10:31
ReplyMarsh Posté le 19-12-2019 à 14:29:09
ReplyMarsh Posté le 19-12-2019 à 16:17:04
Ce que te disais David Boring c'est que si tu avais une structure comme ça :
Code :
|
Ta css :
Code :
|
aurait fonctionné car tes a était bien "des enfants" d'un noeud ayant .news comme classe.
Marsh Posté le 18-12-2019 à 16:39:12
Bonjour
J'ai rencontré un problème dans mon code : j'ai mis une classe à une balise <a> qui fonctionnait très bien avant la mise en place de la class
HTML :
<a class="new" onclick="window.location.href = 'modifUser.php';">Retour</a>
CSS :
.new a,
legend{
color: white;
background-color: #371951;
padding: 5px 10px;
border-radius: 0;
border: 0;
font-size: 14px;
}
.new a:hover,
.new a:focus{
color: #9770b9;
transition: 0.2s all linear;
}
.new a:active{
background-color: white;
color: #371951;
outline: 1px solid #371951;
transition: 0.2s all linear;
}
merci d'avance