Sekarang kita menggunakan Stylish. Alternatif tanpa Gaya adalah mengedit file yang Anda posting dalam jawaban Anda. Stylish memungkinkan kita untuk dengan mudah mengelola banyak CSS pengguna situs. Stylish menambahkan ikon kecil ke jendela Firefox Anda, klik di atasnya lalu pergi "Tulis gaya baru" -> "Untuk" (situs ini) .com ". Berikan gaya Nama dan opsional beberapa tag. Kemudian Anda akan dapat untuk membedakan gaya ini sebagai yang berlaku untuk Superuser.com atau Stackexchange.com dll. Jendela ini memberi kami templat yang memungkinkan kami mengubah CSS hanya untuk domain ini. Jika Anda perlu mengubah CSS untuk URL tertentu, Anda dapat melakukan itu atau Anda juga bisa mendapatkan gaya kosong jika Anda ingin menulis CSS yang berlaku untuk semua situs, cukup pilih entri yang sesuai dari menu Stylish. Untuk contoh modifikasi jawaban saya, Anda
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
}
Apa pun yang dimasukkan ke dalam blok @ -moz-document hanya akan berlaku untuk domain yang ada di dalam tanda kurung. Lihat item tebal di atas. Untuk mengubah padding untuk jawaban, Anda memperbarui kotak teks menjadi seperti ini:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
.answer {
padding-bottom:0px;
padding-top:0px;
}
}
Untuk memecah ini untuk orang-orang yang tidak tahu CSS, pertama-tama kita memilih kelas (ergo a "." Berlaku di awal. Jika kita memilih dengan ID, kita akan menempatkan "#" di sana.) Jawaban (jadi 'jawab'). Lalu kami membuka blok dengan kurung kurawal untuk mencantumkan properti dari item yang dipilih yang akan kami ubah. Pertama-tama kita mengubah padding-bottom dan mengaturnya ke 0 piksel . Kemudian kami melakukan hal yang sama untuk padding-top . Setiap properti dan nilai diakhiri dengan titik koma. Lalu kami menutup blok dengan kurung kurawal. (dalam contoh unix Anda, Anda akan melakukan ini:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none;
}
}
Di sini Anda sedang mengerjakan domain unix.stackexchange.com. Kami memilih elemen "body" (ketika memilih elemen HTML juga merupakan pemilih CSS, tidak perlu #s atau .s di sini). Kami sedang mengatur latar belakang tidak ada.)
CSS memiliki hierarki prioritas tertentu untuk menentukan cara menangani CSS pengguna vs. penulis CSS vs. browser CSS. Biasanya, kami memiliki CSS untuk halaman yang ditulis oleh penulis halaman, dan itu akan berisi aturan untuk banyak elemen di halaman itu. Ketika aturan tidak didefinisikan oleh penulis, tetapi ada di CSS pengguna Anda, maka browser Anda akan menggunakannya. Jika tak satu pun dari mereka memiliki CSS yang ditetapkan untuk elemen itu, maka browser menggunakan aturan CSS defaultnya sendiri pada elemen itu. Jadi ada hierarki bobot di sini, penulis> pengguna> peramban. Jika sesuatu didefinisikan dalam ketiganya, maka CSS dengan bobot lebih tinggi akan menang dan CSS-nya mulai berlaku. Ada cara untuk mendapatkan CSS berbobot lebih rendah untuk mengesampingkan CSS berbobot lebih tinggi, dan itu dengan menetapkannya penting. Anda melakukan ini dengan memasukkan "! Penting"
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none !important;
}
}
Sekarang klik Preview lagi, dan Anda akan melihat bahwa CSS pengguna Anda berfungsi. Klik Simpan dan nikmati.