CSS-ошибки/взломы и проверка W3C

У меня есть следующие строки (отдельно) в таблице стилей, которую я просматриваю:

.Ex1.Ex2 {
color:#333;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
font-weight:bold;
margin:24px 0 5px;
border-bottom:1px solid #333
}

{
background-color:#ffe;
border:1px solid #aaa;
color:#000;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
height:auto;
margin-top:5px
}

и

.box_title_container {
height:29px;
width:225px;
margin:0 auto;
background:url(../best_images/boxts.gif);
repeat-x
}

При прохождении через W3C Validator оба возвращают ошибки синтаксического анализа. Поскольку человек, создавший таблицу стилей, имел гораздо больший опыт работы с CSS, чем я, я мог бы поверить, что это два типа хаков для кросс-браузерной совместимости, но я не мог найти в Google (теперь это глагол, верно?) ничего, связанного с этим.

Что касается первой строки, то она имеет два вмещающих набора свойств, а вторая имеет изолированное значение repeat-x (и эта «ошибка» повторяется в следующих 5 или 6 строках).

Может ли кто-нибудь сказать мне, были ли они сделаны с какой-то целью или это просто ошибки?

Заранее спасибо!


css w3c-validation
person Bernardo    schedule 29.11.2012    source источник

Ответы (1)


arrow_upward
3
arrow_downward

В вашем первом блоке CSS вы должны указать идентификатор, класс или элемент HTML для второго {}

.Ex1.Ex2 {
color:#333;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
font-weight:bold;
margin:24px 0 5px;
border-bottom:1px solid #333 /* missing ;*/
}

#IDneeded .CLASSneeed {
background-color:#ffe;
border:1px solid #aaa;
color:#000;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
height:auto;
margin-top:5px /* missing ;*/
}

Для второго «repeat-x» — это значение для «фона», а не свойство CSS, просто переместите;

.box_title_container {
height:29px;
width:225px;
margin:0 auto;
background:url(../best_images/boxts.gif) repeat-x;
}
person Aurélien Grimpard    schedule 29.11.2012
comment
И тебя не хватает; в некоторых строках. - person Vucko; 29.11.2012
comment
Спасибо! Что касается ID, а так как я не знаком ни с сайтом, ни с файлом .css, то думаю пока оставлю как есть! - person Bernardo; 29.11.2012
comment
@Vucko: последний ; не обязателен, не так ли? - person unor; 30.11.2012
comment
Да, последний; является необязательным, это разделитель, а не требование конца строки. Хранение всего с помощью ; в конце все же лучше визуально (хотя). - person Aurélien Grimpard; 30.11.2012