Относительный путь к style.css

Андрей

13.04.2016, 20:49

1.8K

Несколько запутался в создании относительных путей для подключения библиотек. Например папка css в которой лежит style.css расположена в корневом каталоге. Если html файл тоже в корневом, чтобы сослаться на style.css пишем:

<link href="css/style.css" rel="stylesheet">

Это понятно. А вот если html файл находится в папке folder1, которая также в корневом каталоге, то какой путь будет к style.css? И еще если усложнить задачу, например html файл в папке folder2, расположенной в папке folder1?

Комментарии: 3

Андрей

14.04.2016, 18:16

Александр, ваше пожалуй самое простое и правильное объяснение из всех, что я нашел в интернет )
Ключевой момент «относительно веб-страницы»!

Александр Мальцев

14.04.2016, 16:27

Относительный путь — это путь относительно чего-то. В данном случае относительно веб-страницы.
Тут всё просто.

/
  css/
    style.css
  index1.html
  folder1/
    index2.html
    folder2/
      index3.html

Т.е. чтобы добраться странице index3.html до style.css необходимо:
… — попасть в родительский каталог (folder1)
… — попасть в корневой каталог (/)
css/ — попасть в каталог CSS
Таким образом путь будет таким:

../../css/style.css

Андрей

14.04.2016, 12:31

Вроде уже разобрался.