Sélecteur d'identifiant non reconnu

Question

Je sais qu'il y a des dizaines de questions similaires et certaines d'entre elles m'ont aidé à en arriver là mais je ne vois pas de rime ni de raison à cette erreur.

J'ai tagué une image avec l'identifiant HeaderGradient et j'essaie de définir sa taille dans le fichier css mais cela ne fonctionne pas. Lorsque j'inspecte l'élément dans Firefox, il n'y a aucune mention de mon fichier css. J'utilise le framework Bootstrap. Qu'est-ce que je fais mal?

body {  \t 
 
    #HeaderGradient { 
 
    width: 80%; 
 
    height: 141px; 
 
    } 
 
}

<div class="row"> 
 
    <div class="col-sm-4"></div> 
 
    <div class="col-sm-4"> 
 
     <div class="panel-heading"> 
 
     <img class="img-responsive" src="images/logo.png" id="Logo" alt="EP Logo"> 
 
     <img class="img-responsive" src="images/header_gradient.png" id="HeaderGradient" alt="Gradient Image"> 
 
     </div> 
 
    </div> 
 
    <div class="col-sm-4"></div> 
 
</div>

Answer 1

Vous utilisez le code CSS valide pour cela, il devrait être

#HeaderGradient { 
    width: 80%; 
    height: 141px; 
} 

#HeaderGradient { 
 
    width: 80%; 
 
    height: 141px; 
 
}

<div class="row"> 
 
    <div class="col-sm-4"></div> 
 
    <div class="col-sm-4"> 
 
    <div class="panel-heading"> 
 
     <img class="img-responsive" src="images/logo.png" id="Logo" alt="EP Logo"> 
 
     <img class="img-responsive" src="images/header_gradient.png" id="HeaderGradient" alt="Gradient Image"> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-4"></div> 
 
</div>

Answer 2

Ce n'est pas une syntaxe CSS valide mettre à jour la syntaxe comme suit pour obtenir #HeaderGradient dans body tag.

body #HeaderGradient{ 
    width: 80%; 
    height: 141px; 
} 

Answer 3

Vous avez le sélecteur d'ID au mauvais endroit. Au lieu de:

body { 

    #HeaderGradient{ 
     .... 
    } 
} 

Déplacer le sélecteur extérieur:

body { 
    .... 
} 
#HeaderGradient{ 
    .... 
} 

Si vous souhaitez utiliser ce type de syntaxe CSS, vous devez utiliser un préprocesseur CSS.