最近、.net を使用して小規模なサイトを開発していたときに、.net コードを追加した後、ページの特定の領域に定義されている CSS スタイルが不可解に消えてしまうことがわかり、さまざまな方法を試しましたが、コメントが原因であることがわかりました。 CSS が原因でした。
元の CSS コードは次のとおりです。
/*右側のエリア*/
.RightPart{幅:230px;マージントップ:10px;}
.RightPart{text-align:left;}
.RightPart .Title{background:url(../images/RightPartTitle.gif) 繰り返しなし左上;パディング左:32px;高さ:47px;}
.RightPart .TitleR{background:url(../images/RightPartTitleRed.gif) 繰り返しなし左上;パディング左:32px;高さ:47px;}
.RightPart .TitleG{background:url(../images/RightPartTitleG.gif) 繰り返しなし左上;パディング左:32px;高さ:47px;}
.RightPart h3{font-size:14px;color:#FFF;}
.RightPart .LeftBorder{width:8px;background:url(../images/make_default_2_1.jpg)repeat-y左上;}
.RightPart .RightBorder{width:9px;background:url(../images/make_default_2_2.jpg)repeat-y右上;}
.RightPart .Content{幅:205px;パディング:0 5px;}
.RightPart ul{リストスタイル:なし;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) no-repeat left 3px;padding:3px 0 3px 15px;}
/*マップの分類*/
.RightPart .Category li{font-size:16px;font-weight:bold;background:url(../images/page_story_icon_ball.jpg) no-repeat left 5px;margin:4px 0 4px 10px;}
.RightPart .Category .Line{background:left top;padding:0;margin:0 0 0 3px !重要;margin:-13px 0 0 3px;width:auto;height:4px;}
/*右領域*/
.RightPart{幅:230px;マージントップ:10px;}
.RightPart{text-align:left;}
.RightPart .Title{background:url(../images/RightPartTitle.gif) 繰り返しなし左上;パディング左:32px;高さ:47px;}
.RightPart .TitleR{background:url(../images/RightPartTitleRed.gif) 繰り返しなし左上;パディング左:32px;高さ:47px;}
.RightPart .TitleG{background:url(../images/RightPartTitleG.gif) 繰り返しなし左上;パディング左:32px;高さ:47px;}
.RightPart h3{font-size:14px;color:#FFF;}
.RightPart .LeftBorder{width:8px;background:url(../images/make_default_2_1.jpg)repeat-y左上;}
.RightPart .RightBorder{width:9px;background:url(../images/make_default_2_2.jpg)repeat-y右上;}
.RightPart .Content{幅:205px;パディング:0 5px;}
.RightPart ul{リストスタイル:なし;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) no-repeat left 3px;padding:3px 0 3px 15px;}
/*マップの分類*/
.RightPart .Category li{font-size:16px;font-weight:bold;background:url(../images/page_story_icon_ball.jpg) no-repeat left 5px;margin:4px 0 4px 10px;}
.RightPart .Category .Line{background:left top;padding:0;margin:0 0 0 3px !重要;margin:-13px 0 0 3px;width:auto;height:4px;} 足りないものは「/*map」です分類 */"次の 2 行の CSS 効果。
コメント「/*マップ分類*/」を削除し、F5 キーを押すと、ページは正常であることがわかりました。以前に発生した問題と同じであることがわかりました。
解決策の概要: .net にコードを追加するときに、定義された CSS スタイルの効果が失われていることがわかった場合は、他に問題がなければ、欠落しているスタイルの近くにある CSS コメントをいくつか削除してみてください。問題は解決します。