Problème en css

Mionster Messages postés 40 Date d'inscription   Statut Membre Dernière intervention   -  
 Automaxis -
Bonjour,

voilà mon problème est que la class "hero" n'est pas reconnu en css.
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css.css">
    <title>H.A.F</title>
</head>
<body>
    <div class="hero">
        
    </div>
</body>
</html>


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'poppins', sans-serif;
    
}

.hero{
    
}

1 réponse

Automaxis
 
Salut,
euh pas reconnue, vu qu'elle est vide et le contenu du DIV aussi pourquoi pensez vous que le sélecteur n'agit pas...puisque reconnue ou pas elle ne fait rien du tout.

Faites un test déjà en mettant des propriétés visible si c'est pour tester : au minimum des dimensions(si le bloc mesure 0 X 0 pas mal de propriétés ne seront tout simplement pas possibles) et un fond ou bordure colorée et éventuellement du contenu dans la balise HTML concernée.

Éventuellement rajoutez l'attribut type="text/css" à la balise link.

<link rel="stylesheet" type="text/css" href="css.css">
<!-- cela ne devrait pas être nécessaire mais sait on jamais -->



Sinon (si ça ne fonctionne pas)il y a de grandes chances que l'adresse du fichier ne soit pas la bonne(ici css.css doit se situer dans le même dossier que la page HTML qui l'utilise).

Pour rappel sur l'écriture du CSS:

.hero{/** après l'accolade ouvrante c'est là qu'il faut écrire une ou plusieurs prorpiétés de style*/
 
/** 
l'accolade fermante indique la fin des styles à appliquer pour le sélecteur (ici " .hero " donc une classe nommée "hero"
*/   
}
0