Проверка CSS: «Ошибка разбора [пустая строка]»

Question

Я пытался проверить свой CSS, и следующие строки постоянно возвращают ошибку Parse Error [empty string]

.content { width:80%; text-align:center; margin-left:auto; margin-right:auto; 
max-width:400px; border-width:4px; border-style:solid; border-color:#339900; 
padding:5px; margin-top:10px; margin-bottom:10px; border-radius:20px; 
background-color:#ccffcc; }
#side_link { position:fixed; bottom:5px; right:-4px; 
background-image:url('img/FruitfulLogo.png'); height:29px; width:22px; 
border-style:solid; border-width:2px; border-bottom-left-radius:5px; 
border-top-left-radius:5px; border-color:#F90; background-color:#FF9; }
#side_link:hover { background-image:url('img/FruitfulLogo_over.png'); }

Я упускаю что-то действительно очевидное или неясное?

Answer 1

Судя по всему, в граничном радиусе с ошибкой разбора [пустая строка] есть ошибка в валидаторе W3C CSS.

См. http://www.w3.org/Bugs/Public/show_bug.cgi?id=11975.

Answer 2

Вы используете элементы css3, пока это всего лишь черновик. Валидаторы w3 еще не оснащены для работы с множеством новых свойств и атрибутов, и в некоторых случаях они будут выдавать ошибки на совершенно корректных css. Это одна из них.

Просто дайте им год или больше, чтобы все исправить. До тех пор, по собственному мнению, css - это относительно простой синтаксис.

Answer 3

Как прокомментировал и @BoltClock, это похоже на ошибку валидатора.

Уберите элементы с радиусом границы в .content и #side_link, и это хорошо проверит.Насколько я вижу, они верны.

Answer 4

.content {
    margin:10px auto;
    padding:5px;
    border:4px solid #390;
    border-radius:20px;
    width:80%;
    max-width:400px;
    background-color:#cfc;  
    text-align:center;
}

#side_link {
    position:fixed;
    bottom:5px;
    right:-4px;
    width:22px;
    height:29px;
    border:2px solid #F90;
    border-radius:5px 0 5px 0;
    background-color:#FF9;
    background-image:url('img/FruitfulLogo.png');
}

#side_link:hover {
    background-image:url('img/FruitfulLogo_over.png');
}

Я собираюсь согласиться с тем, что валидатор сходит с ума, потому что, когда я ввожу выше, он показывает ошибки. Но затем вы должны заметить, что под ошибками выводится все вышеперечисленное и говорится: «Все это допустимо».

Answer 5

Я поместил его через валидатор W3C, и вот что я получил.

3: .content - свойство border-radius не существует на уровне CSS 2.1, но существует в: 20px 20px

7: #side_link - Свойство border-bottom-left-radius не существует на уровне CSS 2.1, но существует в: 5px 5px

8: #side_link - Свойство border-top-left-radius не существует в CSS уровне 2.1, но существует в: 5px 5px

При проверке версии CSS3 это те же номера строк.