### 前提・実現したいこと ASP.NET、VB.NETを使ったWebアプリケーション。 CSSを使って、Labelなどを装飾したい。 ### 発生している問題・エラーメッセージ IISを使用したローカル環境に限り、CSSが適用されない。(Firefox、Google Chromeで確認) Microsoft Azureに発行し公開したもの、Visual Studioから起動した場合は、CSSが適用されている。 ### 該当のソースコード「style.css」は同一のディレクトリに存在している。 ```ASP.NET ``` ```CSS body { background-color:black; color:white; } .box { width:400px; text-align:right; } .rightalign { text-align:right; } .player1 { color:deepskyblue; } .player2 { color:red; } .player3 { color:lime; } .player4 { color:yellow; } ``` ### 試したこと linkのhrefの「style.css」の前に、「./」を付けたりした(逆にエラーが発生し、動作しなくなった)。フォルダの共有設定で、「Everyone」に読み込み権限を付与した。 ### 補足情報（FW/ツールのバージョンなど） OSはWindows10 Pro。

`head`に`style`で直接CSSを書き込んでも反映されませんか？ ```html body{ background-color:black; color:white; } ``` もしキャッシュの問題であれば，クエリ文字列（「?~~」）の追加でも，キャッシュをキャンセルできます（ブラウザが別ファイルだと勘違いしてくれるらしいです） ```html ``` 短期間で定期的にCSSをいじりそうなときはこれを思い出してください（今回は関係ないようですが） --- > 直接書き込むとCSSは反映されます直接書いたCSSが効くということは，CSSそのものの記述自体の問題でないことは検証できたと思いますそれでも記載内容が間違っているとすれば，` `の「`/>`」ではないでしょうか ※`link`タグは閉じタグ不要． cf．[HTML5におけるhtmlタグの開始・終了タグの基本的な書き方と閉じタグのいらない要素とは](https://reviewlog.info/html-tag/) また，`xmlns="http://www.w3.org/1999/xhtml"`はHTML5では不要らしいので，これもエラーの原因（ブラウザによるHTMLの解釈ミス？）になっているかもしれません cf．[＜初心者向け＞知っておきたいHTML5の基本【文書構造編】](https://www.asobou.co.jp/blog/web/html5)

まずはIISのアクセスログを確認してみてください。 style.cssへのアクセスのステータスコードが何になっていますか？ 200だったら記載内容の問題、404ならファイル配置やファイル名の問題と考えられます。 304だったらスーパーリロードを試してください。チェックポイントとしては、 * IISへ配置したstyle.cssの中身を確認 * ファイル名を確認。正確にstyle.cssかどうか？過去の質問で、拡張表示をオフにしていたため拡張子を二重につけてしまって気づかなかった人がいました。(style.css.cssみたいな）

IISのローカル環境でCSSが適用されない

前提・実現したいこと

ASP.NET、VB.NETを使ったWebアプリケーション。
CSSを使って、Labelなどを装飾したい。

発生している問題・エラーメッセージ

IISを使用したローカル環境に限り、CSSが適用されない。(Firefox、Google Chromeで確認)
Microsoft Azureに発行し公開したもの、Visual Studioから起動した場合は、CSSが適用されている。

該当のソースコード

「style.css」は同一のディレクトリに存在している。

ASP.NET
1<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="(ファイル名).aspx.vb" Inherits="(ソリューション名).(ファイル名)" %>
2
3<!DOCTYPE html>
4
5<html xmlns="http://www.w3.org/1999/xhtml">
6<head runat="server">
7<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
8    <link rel="stylesheet" href="style.css" type="text/css" />
9    <title></title>
10</head>
11<body>
12　　　　<!--ここにLabelなどが書かれている-->
13</body>
14</html>
15

CSS
1body
2{
3    background-color:black;
4    color:white;
5}
6
7.box
8{
9    width:400px;
10    text-align:right;
11}
12
13.rightalign
14{
15    text-align:right;
16}
17
18.player1
19{
20    color:deepskyblue;
21}
22
23.player2
24{
25    color:red;
26}
27
28.player3
29{
30    color:lime;
31}
32
33.player4
34{
35    color:yellow;
36}
37

試したこと

linkのhrefの「style.css」の前に、「./」を付けたりした(逆にエラーが発生し、動作しなくなった)。
フォルダの共有設定で、「Everyone」に読み込み権限を付与した。

補足情報（FW/ツールのバージョンなど）

OSはWindows10 Pro。

退会済みユーザー

2018/08/30 14:20

ブラウザのキャッシュは？