Chargement et application de la commande CSS dans l'hôte local

Remarque: La solution a été ajoutée à la réponse en bas.Chargement et application de la commande CSS dans l'hôte local

Bon, je l'ai fait tout le temps mais maintenant ça ne marche pas.

Voici ma structure de dossier qui est si simple:

 
+ root 
|_ + styles 
    |_ -main.css 
|_ + images 
    |_ - background.jpg 
|_ - index.html

Voici le code html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html> 
<head> 
    <title></title> 
    <link href="styles/main.css" type="text/css"/> 
</head> 
<body> 

    <div class="main"> 

    </div> 
</body> 
</html>

Code Css:

body 
{ 

} 
div .main 
{ 
    background-image:url(../images/main_background.jpg); 
    background-repeat:no-repeat; 
    height:950px; 
    width:897px; 
}

Le problème est: le fichier css ne semble pas être chargé et il n'y a pas de styles CSS appliqués au nom de la classe main sur le fichier html. C'est vraiment frustrant. Je les ai également mis sous IIS créant une application sous.

Qu'est-ce qui pourrait ne pas fonctionner?

Merci.

Solution:

Depuis la fois réponse devrait être au même endroit pour résoudre mon problème, j'ai décidé de mettre réponse complète ici:

Il aurait dû être div.main
et <link href="styles/main.css" type="text/css" rel="stylesheet"/>

Source

2010-12-15 Tarik

Vous devez déclarer l'attribut rel pour le link pour votre fichier CSS, comme ceci:

<link href="styles/main.css" type="text/css" rel="stylesheet" />

Source

2010-12-15 04:27:31 matthewpavkov

Cette réponse est également correcte mais pour résoudre complètement le problème, la réponse de tjm est également requise - http://goo.gl/sHIro – Tarik

Modifier le chemin de relatif à absolu:

<link href="styles/main.css" type="text/css"/><!-- relative --> 
<link href="/styles/main.css" type="text/css"/><!-- absolute -->

Source

2010-12-15 04:26:43 Stephen

Je pense div .main dans le css devrait lire div.main. Notez le manque d'espace.

Avec l'espace que vous spécifiez les éléments enfants de divs, où l'enfant a la classe main, sans l'espace vous spécifiez divs avec la classe main.

Source

2010-12-15 04:28:14 tjm

@Braveyard Ceci est également vrai. Pour cibler un 'div' avec une classe' main', vous devez utiliser 'div.main' ou juste' .main'. Utiliser 'div .main' chercherait un' div' qui a un élément enfant avec une classe '.main'. – matthewpavkov

Je ne connaissais pas le facteur espace. Merci. – Tarik

Celui-ci est également vrai mais je n'ai qu'une seule option à marquer comme réponse. – Tarik

Chargement et application de la commande CSS dans l'hôte local

Répondre

Questions connexes