Пользовательский пользовательский CSS-файл на стороне клиента для переопределения нескольких доменов - PullRequest
Новая
       22

Пользовательский пользовательский CSS-файл на стороне клиента для переопределения нескольких доменов

2 голосов
/ 17 марта 2010

Это для использования в Safari, хотя, возможно, его можно использовать и в Firefox. В Chrome вы все равно должны добавить плагин (который обычно позволяет использовать собственный CSS для каждого домена), и Opera уже позволяет это делать без использования CSS. Но в то время как это для настройки на стороне клиента, это также чистый вопрос CSS. Так что Я здесь не использую плагинов .

Итак, я снова получил собственный код CSS (легко), работающий для всех доменов. Теперь я хочу указать код CSS для каждого домена. Все только с одним файлом CSS, который загружается Safari.

По сети и поиску в Интернете я нашел два способа сделать это, но ни один из них не сработал. Они оба задокументированы на userstyles.com :

  • @ - домен документа moz ("your-domain.com") {}. Это было бы идеально, так как я могу иметь несколько таких тегов и просто выбрать, какой стиль будет загружен для какого домена. Это просто не работает.

  • @ Пространство имен довольно запутанное, и я попробовал все варианты, которые могли придумать. Никто не работал.

Ответы [ 2 ]

3 голосов
/ 20 апреля 2011

Safari не поддерживает правило @-moz-document, которое объясняет, почему это не сработало бы для вас. В Firefox будет работать следующая таблица стилей: 

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("stackexchange.com"), domain("stackoverflow.com") {
    /* your styles here */
}

Однако в Safari 5 есть расширение под названием Пользовательский CSS (примечание: ссылка на сайт разработчика, а не на страницу в галерее расширений Safari; caveat emptor), которая позволит вам применить однопользовательскую таблицу стилей к нескольким сайтам. (Похоже, это грубый сафари-эквивалент Стил.)

Что касается вашего последнего комментария, я думаю, что вы правы: кажется, до сих пор нет способа сделать это только с помощью CSS.

0 голосов
/ 17 марта 2010

вы пытались установить <link /> src динамически на основе document.domain ? Если вы используете JavaScript, это так. Это позволит вам установить для тега ссылки значение mydomain.com.css или myotherdomain.com.css

...