Как написать Safari (5) для конкретного CSS?

Question

Я хотел бы знать, как я могу создать файл CSS, специфичный для safari (5) или менее.

Answer 1

Если вы хотите, чтобы какой-нибудь код CSS выполнялся для Safari и Chrome, вам нужно проверить префикс -webkit-

Это пример такого CSS, который будет применяться, только если браузер Safari или любой браузер, который понимает префикс -webkit-

@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
    #safari { display: block; }
}

Просто напоминание, это не безопасное решение.

Answer 2

Чтобы создать блоки кода или другой предварительно форматированный текст, сделайте отступ в четыре пробела:

This will be displayed in a monospaced font. The first four spaces
will be stripped off, but all other whitespace will be preserved.

Markdown and HTML are turned off in code blocks:
<i>This is not italic</i>, and [this is not a link](http://example.com)

Чтобы создать не блок, а диапазон встроенного кода, используйте обратные метки:

Символ $ является просто ярлыком для window.jQuery.

Если вы хотите иметь предварительно отформатированный блок в списке, сделайте отступ на восемь пробелов:

1. Это обычный текст.

2. Так и есть, но теперь следует блок кода:

   Skip a line and indent eight spaces.
   That's four spaces for the list
   and four to trigger the code block.