Теперь мы используем Стильный. Альтернативой без Стила будет редактирование файлов, которые вы разместили в своем ответе. Стильный позволяет нам легко управлять пользовательским 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-document, будет применяться только к домену в скобках. См. Пункты, выделенные жирным шрифтом выше. Чтобы изменить отступы для ответов, вы обновляете текстовое поле так:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
.answer {
padding-bottom:0px;
padding-top:0px;
}
}
Чтобы разорвать этот вниз для людей , которые не знают CSS, мы первый выбирающий класс (эрго а «» идет в начале. Если мы подбирали по идентификатору, мы бы поставить „#“ есть.) Ответ (так что «ответь»). Затем мы открываем блок с фигурной скобкой, чтобы вывести список свойств выбранного элемента, который мы будем изменять. Сначала мы изменяем padding-bottom и устанавливаем его в 0 пикселей . Затем мы делаем то же самое для padding-top . Каждое свойство и значение заканчивается точкой с запятой. Затем мы закрываем блок с помощью фигурной скобки. (в вашем примере с Unix вы бы сделали это:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none;
}
}
Здесь вы работаете с доменом unix.stackexchange.com. Мы выбираем элемент «body» (при выборе HTML-элемент также является селектором 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;
}
}
Теперь нажмите Preview еще раз, и вы увидите, что ваш пользовательский CSS работает. Нажмите Сохранить и наслаждайтесь.
Вы делаете то, что сделали бы, если бы размещали на сайте
затем добавьте
до
}. Вот небольшая деталь по использованию без user-css, которая все еще объясняет это для вашего использования.источник