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

Андрей
Андрей
1.8K
3
Несколько запутался в создании относительных путей для подключения библиотек. Например папка css в которой лежит style.css расположена в корневом каталоге. Если html файл тоже в корневом, чтобы сослаться на style.css пишем:
<link href="css/style.css" rel="stylesheet">
Это понятно. А вот если html файл находится в папке folder1, которая также в корневом каталоге, то какой путь будет к style.css? И еще если усложнить задачу, например html файл в папке folder2, расположенной в папке folder1?

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

  1. Андрей
    Андрей
    14.04.2016, 18:16
    Александр, ваше пожалуй самое простое и правильное объяснение из всех, что я нашел в интернет )
    Ключевой момент «относительно веб-страницы»!
  2. Александр Мальцев
    Александр Мальцев
    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
    
  3. Андрей
    Андрей
    14.04.2016, 12:31
    Вроде уже разобрался.