Что делает @ -moz-document url-prefix ()?

Question

Что делает @ -moz-document url-prefix ()?

у Саймона Коллисона новый адаптивный веб-дизайн, в CSS, есть несколько объявлений, как это:

@-moz-document url-prefix() {

  .fl { float:left; margin:12px 4px 0 0; padding:0; font-size:65px;  line-height:62%;  color:#ba1820; }

  .fs { float:left; margin:12px 4px 10px 0; padding:0; font-size:65px; line-height:62%; color:#ba1820; }

}

что это на самом деле делать? Я погуглил для @ -moz-document url-prefix () и нашел ссылки для его использования в userchrome, но не стандартные таблицы стилей сайта.

обычно в качестве аргумента передается URL-адрес, который затем ограничивает содержимое объявления этим URL-адресом. Однако на сайте колли нет никаких аргументов его пропускают внутрь. Это будет означать, что объявление работает на текущем URL, или любой URL, нет? Так что это то, что мы видим здесь способ таргетинга Mozilla-только браузеры с определенными правилами?

536 3

css

3 ответов:

Comments

Ничего не найдено.

Oded · Accepted Answer · 2014-09-20 09:26:43

любое CSS at-правило, которое начинается с @-moz- это специфическое для гекконов правило, а не стандартное правило. То есть, это расширение, специфичное для Mozilla.

The url-prefix правило применяет содержащиеся правила стиля к любой странице, URL которой начинается с нее. При использовании без аргумента URL, как @-moz-document url-prefix() это относится к все страницы. Это эффективно CSS hack используется только для целевого геккона (Mozilla Firefox). Все остальные браузеры будут игнорировать стили.

посмотреть здесь список другие браузеры специальных расширений.

Bella · Accepted Answer · 2010-06-26 10:42:29

от https://developer.mozilla.org/en/CSS/@-moz-document

       @-moz-document url(http://www.w3.org/),
                   url-prefix(http://www.w3.org/Style/),
                   domain(mozilla.org)
    {
      /* CSS rules here apply to:
         + The page "http://www.w3.org/".
         + Any page whose URL begins with "http://www.w3.org/Style/"
         + Any page whose URL's host is "mozilla.org" or ends with
           ".mozilla.org"
       */

      /* make the above-mentioned pages really ugly */
      body { color: purple; background: yellow; }
}

Adam · Accepted Answer · 2018-01-23 12:02:59

начиная с Firefox 59 вы должны просто использовать:

@document url("https://www.example.com/")

поддержка-moz-префикс версии этого свойства были остановлены для веб-контента, из-за ошибки:

https://bugzilla.mozilla.org/show_bug.cgi?id=1035091