Почему CSS применяется только на моей главной странице?

Question

В заголовке моей главной страницы есть ссылка на внешний файл CSS

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

Хотя я могу применить стиль на дочерних страницах во время разработки ...

<asp:Label ID="Label" runat="server" CssClass="BodyText" Text="This is a link"></asp:Label>

... во время выполнения дочерние страницы не имеют стиля.

Итак, что мне здесь не хватает?

Answer 1

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

Answer 2

Путь к файлу CSS (и любому другому файлу - изображениям, javascript и т. Д.) - относительно страницы (адрес страницы в браузере). Если главная страница находится в другой папке, чем страница, файл css может быть не найден.

Попробуйте использовать абсолютный путь, путь относительно корня или путь к файлу CSS, например:

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

Answer 3

Попробуйте использовать корневой оператор "~" для таблиц стилей на главной странице:

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

ASP.NET разрешает оператор ~ в корне текущего приложения. Вы можете использовать оператор ~ в сочетании с папками, чтобы указать путь, основанный на текущем корне.