Тепер ми використовуємо Стильний. Альтернативою без Stylish було б редагування файлів, які ви розмістили у своїй відповіді. Стильний дозволяє нам легко керувати CSS користувачів багатьох сайтів. Стильно додає невелику піктограму до вашого вікна Firefox, натисніть на неї, потім перейдіть до "Написати новий стиль" -> "Для" (цей сайт) .com ". Дайте стилю ім'я та необов'язково кілька тегів. Ви зможете щоб виділити цей стиль як той, що застосовується до Superuser.com або Stackexchange.com і т. д. У цьому вікні ви знайдете шаблон, який дозволяє нам змінювати CSS тільки для цього домену. Якщо вам потрібно змінити CSS для конкретної URL-адреси, ви Ви можете зробити це, або ви також могли просто отримати порожній стиль, якщо ви хочете написати CSS, який стосується всіх сайтів, просто виберіть відповідний запис у меню Стильний. Для мого прикладу, що змінює відповіді, ви '
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
}
Все, що поміщено в блок @ -moz-документа, стосуватиметься лише домену, що знаходиться в дужках. Дивіться напівжирними предметами вище. Щоб змінити набивання для відповідей, ви оновлюєте текстове поле таким чином:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
.answer {
padding-bottom:0px;
padding-top:0px;
}
}
Щоб розірвати цей вниз для людей , які не знають CSS, ми перший вибирає клас (ерго а «» йде на початку. Якщо ми підбирали за ідентифікатором, ми б поставити "#" є.) Відповідь (так 'відповідь'). Потім ми відкриваємо блок із фігурною дужкою, щоб перелічити властивості вибраного елемента, який ми будемо змінювати. Спочатку ми змінюємо нижню частину і встановлюємо її на 0 пікселів . Потім робимо те ж саме для підкладки-топ . Кожна властивість і значення закінчується крапкою з двократкою Потім закриваємо блок фігурною дужкою. (у вашому прикладі unix ви зробите це:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none;
}
}
Тут ви працюєте над доменом unix.stackexchange.com. Ми вибираємо елемент "body" (коли вибір елемента HTML також є селектором CSS, тут не потрібно #s або .s). Ми встановлюємо фон нічим.)
CSS має специфічну ієрархію пріоритетів для визначення способу роботи з користувачем CSS проти автора CSS проти CSS браузера та CSS браузера. Зазвичай у нас є CSS для сторінки, яку написав автор сторінки, і яка буде містити правила для багатьох елементів на цій сторінці. Якщо правило не визначено автором, але воно знаходиться у вашому користувальницькому CSS, тоді ваш браузер використовуватиме це. Якщо жоден з них не визначає CSS для цього елемента, браузер використовує власні правила CSS для цього елемента. Отже, тут є ієрархія ваги, автор> користувач> браузер. Якщо щось визначено у всіх трьох, то CSS з більшою вагою виграє і його CSS набуде чинності. Існує спосіб отримати CSS з меншою вагою, щоб замінити CSS з більшою вагою, і це, визначивши їх важливими. Ви робите це, додаючи "! Важливо"
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none !important;
}
}
Тепер ще раз натисніть Попередній перегляд, і ви побачите, що CSS вашого користувача працює. Клацніть Зберегти та насолоджуйтесь.