Quel est le point de référence pour les URL relatives en CSS ?

URL relatives en CSS : détermination du point de référence

Lors de l'utilisation d'URL relatives dans des fichiers CSS pour spécifier des ressources telles que des images d'arrière-plan, cela devient crucial pour comprendre le point de référence de ces URL. Considérons un scénario dans lequel la règle CSS suivante est définie :

div#header {
  background-image: url('images/header-background.jpg');
}

Cette règle est incluse dans le fichier "/stylesheets/base-styles.css". Lorsque cette feuille de style est liée à divers documents via , où l'URL relative dans le CSS sera-t-elle interprétée par rapport à ?

La réponse : par rapport au document de feuille de style

Selon les spécifications établies par le W3C, les URL partielles spécifiées dans les fichiers CSS sont interprétées par rapport à la source de la feuille de style, et non au document dans lequel elle est incluse. Par conséquent, dans l'exemple susmentionné, l'URL relative sera interprétée par rapport à "/stylesheets/" plutôt que par rapport au document actuel dans lequel elle est incluse.

Cette approche garantit la cohérence et la fiabilité puisque le fichier CSS peut être inclus. dans des pages situées dans différents répertoires. En standardisant le point de référence vers le fichier CSS lui-même, les URL fonctionneront de manière transparente quel que soit l'emplacement ou le chemin du document.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!