Baru-baru ini, ketika saya sedang mengembangkan situs kecil menggunakan .net, saya menemukan bahwa gaya CSS yang ditentukan di area halaman tertentu menghilang tanpa alasan setelah menambahkan kode .net. Saya mencoba banyak metode, tetapi ternyata itu adalah komentar di CSS yang harus disalahkan.
Kode CSS aslinya adalah sebagai berikut lihat plaincopy ke clipboardprint?
/*area kanan*/
.RightPart{width:230px;margin-top:10px;}
.Bagian Kanan{perataan teks:kiri;}
.RightPart .Title{background:url(../images/RightPartTitle.gif) tanpa pengulangan kiri atas;padding-kiri:32px;height:47px;}
.RightPart .TitleR{background:url(../images/RightPartTitleRed.gif) tanpa pengulangan kiri atas;padding-kiri:32px;height:47px;}
.RightPart .TitleG{background:url(../images/RightPartTitleG.gif) tanpa pengulangan kiri atas;padding-kiri:32px;height:47px;}
.RightPart h3{ukuran font:14px;warna:#FFF;}
.RightPart .LeftBorder{width:8px;background:url(../images/make_default_2_1.jpg) ulangi-y kiri atas;}
.RightPart .RightBorder{width:9px;background:url(../images/make_default_2_2.jpg) ulangi-y kanan atas;}
.RightPart .Konten{width:205px;padding:0 5px;}
.RightPart ul{gaya-daftar:tidak ada;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) tanpa pengulangan ke kiri 3px;padding:3px 0 3px 15px;}
/*Klasifikasi peta*/
.RightPart .Category li{font-size:16px;font-weight:bold;background:url(../images/page_story_icon_ball.jpg) tanpa pengulangan ke kiri 5px;margin:4px 0 4px 10px;}
.RightPart .Category .Line{background:left top;padding:0;margin:0 0 0 3px !Penting;margin:-13px 0 0 3px;width:auto;height:4px;}
/*area kanan*/
.RightPart{width:230px;margin-top:10px;}
.Bagian Kanan{perataan teks:kiri;}
.RightPart .Title{background:url(../images/RightPartTitle.gif) tanpa pengulangan kiri atas;padding-kiri:32px;height:47px;}
.RightPart .TitleR{background:url(../images/RightPartTitleRed.gif) tanpa pengulangan kiri atas;padding-kiri:32px;height:47px;}
.RightPart .TitleG{background:url(../images/RightPartTitleG.gif) tanpa pengulangan kiri atas;padding-kiri:32px;height:47px;}
.RightPart h3{ukuran font:14px;warna:#FFF;}
.RightPart .LeftBorder{width:8px;background:url(../images/make_default_2_1.jpg) ulangi-y kiri atas;}
.RightPart .RightBorder{width:9px;background:url(../images/make_default_2_2.jpg) ulangi-y kanan atas;}
.RightPart .Konten{width:205px;padding:0 5px;}
.RightPart ul{gaya-daftar:tidak ada;}
.RightPart li{display:block;background:url(../images/page_story_icon_ball.jpg) tanpa pengulangan ke kiri 3px;padding:3px 0 3px 15px;}
/*Klasifikasi peta*/
.RightPart .Category li{font-size:16px;font-weight:bold;background:url(../images/page_story_icon_ball.jpg) tanpa pengulangan ke kiri 5px;margin:4px 0 4px 10px;}
.RightPart .Category .Line{background:left top;padding:0;margin:0 0 0 3px !Important;margin:-13px 0 0 3px;width:auto;height:4px;} Yang hilang adalah "/*map klasifikasi */"Efek CSS untuk dua baris berikut.
Saya menghapus komentar "/*Klasifikasi Peta*/", dan ketika saya menekan F5, saya menemukan bahwa halaman tersebut normal. Sepertinya masalah yang saya temui sebelumnya sama.
Ringkasan solusi: Jika Anda menemukan bahwa efek gaya CSS yang ditentukan hilang saat menambahkan kode di .net, coba hapus beberapa komentar CSS di dekat gaya yang hilang jika tidak ada masalah lain, dan masalah dapat diselesaikan.