Comment faire css pour la classe en une seule page?

Voici mon style:

 ul { padding:0 0 0 0; margin:0 0 0 0; } ul li { list-style:none; margin-bottom:25px; } ul li img { cursor: pointer; } .modal-body { padding:5px !important; } .modal-content { border-radius:0; } .modal-dialog img { text-align:center; margin:0 auto; } .controls{ width:50px; display:block; font-size:11px; padding-top:8px; font-weight:bold; } .next { float:right; text-align:right; } /*override modal for demo only*/ .modal-dialog { max-width:500px; padding-top: 90px; } @media screen and (min-width: 768px){ .modal-dialog { width:500px; padding-top: 90px; } } @media screen and (max-width:1500px){ #ads { display:none; } } .dock { border: 4px dotted #cccccc; background-color: #ededed; width: 600px; height: 300px; color: #aaa; font-size: 18px; text-align: center; padding-top: 100px; } .dock_hover { border: 4px dotted #4d90fe; background-color: #e7f0ff; width: 600px; height: 300px; color: #4d90fe; font-size: 18px; text-align: center; padding-top: 100px; }  

Et je veux contrôler

 ul li { list-style:none; margin-bottom:25px; } 

sans faire de changement pour ma page par défaut. margin-bottom doit être 0px Et voici mon ul li

 

Est-il possible de changer margin-bottom: 0px par classe donnée en ul li? J’ai lu le changement de style css de référence juste pour une page mais je ne sais pas comment implémenter son code. C’est pourquoi je pose une question pour cela. Voici la page alors que margin-bottom: 0px entrez la description de l'image ici

Voici la page en marge-bas: 25px entrez la description de l'image ici

Je veux corriger l’image avec margin-bottom: 25px mais je ne veux pas changer totalement de la page. Voici plein de ma page de script:

          Basarnas            ul { padding:0 0 0 0; margin:0 0 0 0; } ul li { list-style:none; margin-bottom:25px; } ul li img { cursor: pointer; } .modal-body { padding:5px !important; } .modal-content { border-radius:0; } .modal-dialog img { text-align:center; margin:0 auto; } .controls{ width:50px; display:block; font-size:11px; padding-top:8px; font-weight:bold; } .next { float:right; text-align:right; } /*override modal for demo only*/ .modal-dialog { max-width:500px; padding-top: 90px; } @media screen and (min-width: 768px){ .modal-dialog { width:500px; padding-top: 90px; } } @media screen and (max-width:1500px){ #ads { display:none; } } .dock { border: 4px dotted #cccccc; background-color: #ededed; width: 600px; height: 300px; color: #aaa; font-size: 18px; text-align: center; padding-top: 100px; } .dock_hover { border: 4px dotted #4d90fe; background-color: #e7f0ff; width: 600px; height: 300px; color: #4d90fe; font-size: 18px; text-align: center; padding-top: 100px; }   
selectDB('basarnas'); $id = $_POST['id']; $kategori = $_POST['kategoribencana']; $kepalaoperasi = $_POST['kepalaoperasi']; $kepalaoperasii = $_POST['kepalaoperasii']; $query = $db->informasi_bencana; $queryy = $db->user; $queryyy = $db->pegawai; if ($kategori == "Bencana Besar") { $cursor=$queryy->find(array("kantor"=>encrypt($kepalaoperasi, $key), "level"=>encrypt("Kepala Kantor Pusat BASARNAS", $key))); $nResults = $cursor->count(); if ($nResults == 0){ echo '
Berita SAR gagal dikirim karena tidak ada yang menjabat sebagai (Kepala '.$kepalaoperasi.').
'; }else { $cursor=$queryy->find(array("kantor"=>encrypt($kepalaoperasi, $key), "level"=>encrypt("Kepala Kantor Pusat BASARNAS", $key))); foreach($cursor as $doc){ $selected = array('_id'=> new MongoId($doc['idpegawai'])); $cursorr=$queryyy->find($selected); foreach($cursorr as $docc){ $nip_kepala = decrypt($docc['nip'], $key); $nama_kepala = decrypt($docc['nama'], $key); $query->update(array("_id"=>new MongoId($id)), array('$set'=>array("status"=>encrypt("berita", $key), "status_berita"=>encrypt("Pending Berita SAR", $key), "kategori"=>encrypt($kategori, $key), "smc"=>encrypt($kepalaoperasi, $key), "nip_kepala"=>encrypt($nip_kepala, $key), "nama_kepala"=>encrypt($nama_kepala, $key), "chat_pusat_daerah"=>encrypt("", $key), "status_chat_pusat"=>0, "status_chat_daerah"=>0))); if ($query){ echo '
Berita SAR berhasil dikirim ke ('.$kepalaoperasi.').
'; }else { echo '
Berita SAR gagal dikirim ke ('.$kepalaoperasi.').
'; } } } } } elseif ($kategori == "Bencana Kecil"){ $cursor=$queryy->find(array("kantor"=>encrypt($kepalaoperasii, $key), "level"=>encrypt("Kepala Kantor SAR Daerah", $key))); $nResults = $cursor->count(); if ($nResults == 0){ echo '
Berita SAR gagal dikirim karena tidak ada yang menjabat sebagai (Kepala '.$kepalaoperasii.').
'; }else { $cursor=$queryy->find(array("kantor"=>encrypt($kepalaoperasii, $key), "level"=>encrypt("Kepala Kantor SAR Daerah", $key))); foreach($cursor as $doc){ $selected = array('_id'=> new MongoId($doc['idpegawai'])); $cursorr=$queryyy->find($selected); foreach($cursorr as $docc){ $nip_kepala = decrypt($docc['nip'], $key); $nama_kepala = decrypt($docc['nama'], $key); $query->update(array("_id"=>new MongoId($id)), array('$set'=>array("status"=>encrypt("berita", $key), "status_berita"=>encrypt("Pending Berita SAR", $key), "kategori"=>encrypt($kategori, $key), "smc"=>encrypt($kepalaoperasii, $key), "nip_kepala"=>encrypt($nip_kepala, $key), "nama_kepala"=>encrypt($nama_kepala, $key), "chat_pusat_daerah"=>encrypt("", $key), "status_chat_pusat"=>0, "status_chat_daerah"=>0))); if ($query){ echo '
Berita SAR berhasil dikirim ke ('.$kepalaoperasii.').
'; }else { echo '
Berita SAR gagal dikirim ke ('.$kepalaoperasii.').
'; } } } } } else { echo '
Berita SAR gagal dikirim.
'; } } $key = md5('vxcygnusloiv'); function decrypt($ssortingng, $key){ $ssortingng = rsortingm(mcrypt_decrypt(MCRYPT_RIJNDAEL_256, $key, base64_decode($ssortingng), MCRYPT_MODE_ECB)); return $ssortingng; } $conn = new Mongo(); $db = $conn->selectDB('basarnas'); $query = $db->informasi_bencana; $cursor=$query->find(array("_id"=>new MongoId($_GET['id']))); foreach($cursor as $id=>$doc){ if (decrypt($doc['jenis_kejadian'], $key) == "" || decrypt($doc['lokasi_kejadian'], $key) == "" || decrypt($doc['no_telp_lain'], $key) == "" || decrypt($doc['catatan'], $key) == "") { $status = "disabled"; }else{ $status = ""; } ?>

Form Pembuatan Berita SAR


Informasi Pengiriman Berita SAR

Jika tombol (Kirim Berita) dalam keadaan "disabled" maka pastikan untuk mengisi semua kolom data informasi bencana secara lengkap. Karena syarat untuk pengiriman berita SAR diharuskan untuk mengisi form secara lengkap meskipun pada catatan tambahan tidak ada yang perlu untuk diisi tetapi usahakan untuk mengisinya seperti "Tidak ada". Untuk mengisi kolom data informasi bencana yang belum diisi dapat menuju link ini <?php echo "" ?>Edit Informasi Bencana

function kategori(that) { if (that.value == "Bencana Besar") { document.getElementById("bencanabesar").style.display = "block"; document.getElementById("bencanakecil").style.display = "none"; } else if (that.value == "Bencana Kecil") { document.getElementById("bencanakecil").style.display = "block"; document.getElementById("bencanabesar").style.display = "none"; } else { document.getElementById("bencanakecil").style.display = "none"; document.getElementById("bencanabesar").style.display = "none"; } }
en Basarnas ul { padding:0 0 0 0; margin:0 0 0 0; } ul li { list-style:none; margin-bottom:25px; } ul li img { cursor: pointer; } .modal-body { padding:5px !important; } .modal-content { border-radius:0; } .modal-dialog img { text-align:center; margin:0 auto; } .controls{ width:50px; display:block; font-size:11px; padding-top:8px; font-weight:bold; } .next { float:right; text-align:right; } /*override modal for demo only*/ .modal-dialog { max-width:500px; padding-top: 90px; } @media screen and (min-width: 768px){ .modal-dialog { width:500px; padding-top: 90px; } } @media screen and (max-width:1500px){ #ads { display:none; } } .dock { border: 4px dotted #cccccc; background-color: #ededed; width: 600px; height: 300px; color: #aaa; font-size: 18px; text-align: center; padding-top: 100px; } .dock_hover { border: 4px dotted #4d90fe; background-color: #e7f0ff; width: 600px; height: 300px; color: #4d90fe; font-size: 18px; text-align: center; padding-top: 100px; }
selectDB('basarnas'); $id = $_POST['id']; $kategori = $_POST['kategoribencana']; $kepalaoperasi = $_POST['kepalaoperasi']; $kepalaoperasii = $_POST['kepalaoperasii']; $query = $db->informasi_bencana; $queryy = $db->user; $queryyy = $db->pegawai; if ($kategori == "Bencana Besar") { $cursor=$queryy->find(array("kantor"=>encrypt($kepalaoperasi, $key), "level"=>encrypt("Kepala Kantor Pusat BASARNAS", $key))); $nResults = $cursor->count(); if ($nResults == 0){ echo '
Berita SAR gagal dikirim karena tidak ada yang menjabat sebagai (Kepala '.$kepalaoperasi.').
'; }else { $cursor=$queryy->find(array("kantor"=>encrypt($kepalaoperasi, $key), "level"=>encrypt("Kepala Kantor Pusat BASARNAS", $key))); foreach($cursor as $doc){ $selected = array('_id'=> new MongoId($doc['idpegawai'])); $cursorr=$queryyy->find($selected); foreach($cursorr as $docc){ $nip_kepala = decrypt($docc['nip'], $key); $nama_kepala = decrypt($docc['nama'], $key); $query->update(array("_id"=>new MongoId($id)), array('$set'=>array("status"=>encrypt("berita", $key), "status_berita"=>encrypt("Pending Berita SAR", $key), "kategori"=>encrypt($kategori, $key), "smc"=>encrypt($kepalaoperasi, $key), "nip_kepala"=>encrypt($nip_kepala, $key), "nama_kepala"=>encrypt($nama_kepala, $key), "chat_pusat_daerah"=>encrypt("", $key), "status_chat_pusat"=>0, "status_chat_daerah"=>0))); if ($query){ echo '
Berita SAR berhasil dikirim ke ('.$kepalaoperasi.').
'; }else { echo '
Berita SAR gagal dikirim ke ('.$kepalaoperasi.').
'; } } } } } elseif ($kategori == "Bencana Kecil"){ $cursor=$queryy->find(array("kantor"=>encrypt($kepalaoperasii, $key), "level"=>encrypt("Kepala Kantor SAR Daerah", $key))); $nResults = $cursor->count(); if ($nResults == 0){ echo '
Berita SAR gagal dikirim karena tidak ada yang menjabat sebagai (Kepala '.$kepalaoperasii.').
'; }else { $cursor=$queryy->find(array("kantor"=>encrypt($kepalaoperasii, $key), "level"=>encrypt("Kepala Kantor SAR Daerah", $key))); foreach($cursor as $doc){ $selected = array('_id'=> new MongoId($doc['idpegawai'])); $cursorr=$queryyy->find($selected); foreach($cursorr as $docc){ $nip_kepala = decrypt($docc['nip'], $key); $nama_kepala = decrypt($docc['nama'], $key); $query->update(array("_id"=>new MongoId($id)), array('$set'=>array("status"=>encrypt("berita", $key), "status_berita"=>encrypt("Pending Berita SAR", $key), "kategori"=>encrypt($kategori, $key), "smc"=>encrypt($kepalaoperasii, $key), "nip_kepala"=>encrypt($nip_kepala, $key), "nama_kepala"=>encrypt($nama_kepala, $key), "chat_pusat_daerah"=>encrypt("", $key), "status_chat_pusat"=>0, "status_chat_daerah"=>0))); if ($query){ echo '
Berita SAR berhasil dikirim ke ('.$kepalaoperasii.').
'; }else { echo '
Berita SAR gagal dikirim ke ('.$kepalaoperasii.').
'; } } } } } else { echo '
Berita SAR gagal dikirim.
'; } } $key = md5('vxcygnusloiv'); function decrypt($ssortingng, $key){ $ssortingng = rsortingm(mcrypt_decrypt(MCRYPT_RIJNDAEL_256, $key, base64_decode($ssortingng), MCRYPT_MODE_ECB)); return $ssortingng; } $conn = new Mongo(); $db = $conn->selectDB('basarnas'); $query = $db->informasi_bencana; $cursor=$query->find(array("_id"=>new MongoId($_GET['id']))); foreach($cursor as $id=>$doc){ if (decrypt($doc['jenis_kejadian'], $key) == "" || decrypt($doc['lokasi_kejadian'], $key) == "" || decrypt($doc['no_telp_lain'], $key) == "" || decrypt($doc['catatan'], $key) == "") { $status = "disabled"; }else{ $status = ""; } ?>

Form Pembuatan Berita SAR


Informasi Pengiriman Berita SAR

Jika tombol (Kirim Berita) dalam keadaan "disabled" maka pastikan untuk mengisi semua kolom data informasi bencana secara lengkap. Karena syarat untuk pengiriman berita SAR diharuskan untuk mengisi form secara lengkap meskipun pada catatan tambahan tidak ada yang perlu untuk diisi tetapi usahakan untuk mengisinya seperti "Tidak ada". Untuk mengisi kolom data informasi bencana yang belum diisi dapat menuju link ini <?php echo "" ?>Edit Informasi Bencana

function kategori(that) { if (that.value == "Bencana Besar") { document.getElementById("bencanabesar").style.display = "block"; document.getElementById("bencanakecil").style.display = "none"; } else if (that.value == "Bencana Kecil") { document.getElementById("bencanakecil").style.display = "block"; document.getElementById("bencanabesar").style.display = "none"; } else { document.getElementById("bencanakecil").style.display = "none"; document.getElementById("bencanabesar").style.display = "none"; } }

HTML:

 

CSS:

  #pageID li { list-style:none; margin-bottom:25px; } 

J’espère que j’ai bien compris votre question. Vous voulez changer la classe ul> li en margin-bottom: 25px; mais seulement pour la page donnée. Alors cela devrait marcher.

Si vous observez dans la page, la classe body lève une classe unique pour la page. En prenant la classe body comme référence au ul li que vous allez appeler le margin-bottom:0, la margin-bottom:0, comme par exemple;

  

vous pouvez prendre la classe de page du corps et le style de votre ul li selon votre désir.

 .page-class ul li{ margin-bottom:0; } 

Si vous voulez le changer uniquement sur une sous-page, vous devez append une classe ou un identifiant quelque part à un élément parent, puis écrire vos sélecteurs à partir de là.

Cette page obtiendra alors

  

et le css pourrait être

 body.foo ul.row{ font-size: 1em; } body.foo ul.row li{ list-style-type: none; }