En CSS, sé que puedo hacer referencia/vincular a otro archivo usando cualquiera de los siguientes: photo.jpg o ./photo.jpg para un archivo en la misma ubicación en la que estoy trabajando, y photo-folder/images/photo.jpg o ./photo-folder/images/photo.jpg para vincular un archivo en uno o más directorios debajo /dentro del directorio principal del que estoy trabajando.
También sé que la misma idea se aplica en HTML como ./[href] o [href] .
Pero me pregunto, digamos que las posiciones de los archivos en mi ejemplo están invertidas, es decir, quiero vincular una foto en un directorio que es el padre directo/indirecto del archivo en el que estoy trabajando. ¿Cómo lo haría? llame a ese archivo sin usar la dirección completa de la unidad, como C:/Users/Username/Code/etc/photo.jpg , mientras que mi archivo de trabajo es C:/Users/Username/Code/etc/code/file.css ...
¿Cómo se hace en estos lenguajes: HTML, CSS, JS, Python? (Puede responder en otros idiomas, ¡podría necesitarlo más tarde! :D)
Pregunta secundaria: ¿hay alguna diferencia técnica entre ./file y file , y sería preferible apegarse a un formato sobre el otro (por ejemplo, para evitar problemas, legibilidad, etc.)? Aunque nunca he tenido ningún problema al usar ninguno de los dos, o incluso al combinar ambos en el mismo proyecto...
Para llegar al directorio principal, use ../ , esto es "por directorio", por lo que si necesita acceder a varios niveles hacia arriba, necesitará usar: ../../../ (para 3 niveles)
A partir de usar ./ para el directorio actual, es redundante
Por lo que sé, esto se aplica prácticamente a todos los idiomas, sin embargo, en HTML / CSS hay otra ruta relativa que se puede usar para llegar a la raíz del dominio: / (sin puntos), por ejemplo, si abre https://example/some/long/path/file.html y necesita acceso al archivo en http://example/file.jpg , simplemente coloque como ruta relativa: /file.jpg