IE и: первый тип - PullRequest
Новая
       10

IE и: первый тип

4 голосов
/ 13 апреля 2011

Я новичок, поэтому, если вы знаете другое решение, скажите мне;) Я хочу, чтобы меню на моем веб-сайте выглядело так: 

link / link / link / link / link

Меню есть, вот что я сделал: 

li:before {
    content: "/";
}

li:first-of-type {
    color: #FFF; /* I've made first "/" same color as background, so we don't see it */
}

Существуют некоторые теги-отступы, поэтому они выглядят неплохо, но я хочу, чтобы их было проще читать для вас.

В большинстве браузеров это выглядит хорошо, но, конечно, в старом ИнтернетеПроводник не поддерживает: тег первого типа.Как я могу решить это, чтобы пользователь не видел только первую косую черту?

1 Ответ

15 голосов
/ 13 апреля 2011 
li:first-child:before {
    content: '';
}

Псевдокласс :first-child поддерживается IE7 и более поздними версиями.

Обратите внимание, что IE7 поддерживает :first-child ( с некоторыми оговорками ), но только в IE9 он поддерживает своего друга :last-child.

Кроме того, чтобы скрыть содержимое, добавленное со свойством content, не меняйте цвет в соответствии с цветом фона, так как это то, что я бы назвал безобразный хак .

Вместо этого установите content в пустую строку, как в примере выше.

...