Что плохого в том, что CSS Валидатор "предупреждает" ...

[Практичный Gendo]

Все ошибки в CSS коде, на которые обратил мо? внимание валидатор, исправлены.

Но между тем в коде полным-полно строк отличающихся друг от друга совсем незначительно и, кроме этого, валидатор выдал несколько десятков "предупреждений" об "Same colors for color and background-color in two contexts" .

Страница сделана не на слоях, а на обычных

Скажите пожалуйста, чем это чревато в будущем ?

Спасибо

[Mordraug]

Same colors for color and background-color in two contexts

Имеется ввиду, что запись можно сократить, используя группировку.

[Vlad]

Приведи пример CSS, где выдается подобное предупрежедение.

[Практичный Gendo]

Например, вот кусочек -

.mash_bot {BACKGROUND: #B4C6DA; HEIGHT: 1px}

.mash_163 {BACKGROUND: #B4C6DA; HEIGHT: 1px; width:163px;}

.mash_bot12 {BACKGROUND: #B4C6DA; HEIGHT: 1px; width:12px;}

.mash_bot2{ BACKGROUND: #B4C6DA; height: 30px; width:152px; FONT: bold 12px Verdana, Arial, sans-serif; COLOR: #153B62;}

.mash_bot2-15{ BACKGROUND: #B4C6DA; height: 30px; width:15px;}

.mash_bot3{BACKGROUND: #DAEAF9; height: 1px; width:152px;}

.mash_bot3-15{BACKGROUND: #DAEAF9; height: 1px; width:15px;}

.mash_bot11{BACKGROUND: #DAEAF9; height: 30px; width:152px;}

.mash_bot4{BACKGROUND: #DAEAF9; }

.mash_bot5-1{BACKGROUND: #B4C6DA; height: 55px; width:15px;}

.mash_bot5-2{BACKGROUND: #B4C6DA; height: 55px; width:137px;}

.mash_bot5-3{BACKGROUND: #B4C6DA; height: 55px; width:10px;}

.mash_bot5-4{BACKGROUND: #B4C6DA; height: 55px; width:170px;}

Да, некрасиво ... поэтому мне и интересно знать чем это чревато

[Mordraug]

Это ничем не чревато.. как я и говорил - можно было используя группировку сократить запись по крайней мере валидатор имел ввиду, что лучше было бы написать что-то вроде такого:

.mash_bot, .mash_163, .mash_bot12, .mash_bot2, .mash_bot2-15 {
	background: #B4C6DA;
	}


.mash_bot, .mash_163, .mash_bot12, .mash_bot3, .mash_bot3-15 {
	height: 1px
	}

.mash_163 {
	width:163px;
	}

.mash_bot12 {
	width:12px;
	}

.mash_bot2, .mash_bot2-15, .mash_bot11 {
	height: 30px;	
	}

.mash_bot2, .mash_bot3, .mash_bot11 { 
	width:152px;
	}

.mash_bot2{
	font: bold 12px Verdana, Arial, sans-serif; 
	color: #153B62;
	}

.mash_bot2-15, .mash_bot3-15, .mash_bot5-1 {
	width:15px;
	}


.mash_bot3, .mash_bot3-15, .mash_bot11, .mash_bot4 {
	background: #DAEAF9;
	}


.mash_bot5-1, .mash_bot5-2, .mash_bot5-3, .mash_bot5-4 {
	background: #B4C6DA; 
	height: 55px;
	}


.mash_bot5-2 {
	width:137px;
	}

.mash_bot5-3 {
	width:10px;
	}

.mash_bot5-4 {
	width:170px;
	}

код выше ? это результат группирования свойств для приведенного вами примера кода цсс.

Для сравнение ? тот же самое, с убранными пробелами и табуляциями:

.mash_bot, .mash_163, .mash_bot12, .mash_bot2, .mash_bot2-15 {BACKGROUND: #B4C6DA;}
.mash_bot, .mash_163, .mash_bot12, .mash_bot3, .mash_bot3-15 {height: 1px}
.mash_163 {width:163px;}
.mash_bot12 {width:12px;}
.mash_bot2, .mash_bot2-15, .mash_bot11 {height: 30px;}
.mash_bot2, .mash_bot3, .mash_bot11 {width:152px;}
.mash_bot2{font: bold 12px Verdana, Arial, sans-serif; color: #153B62;}
.mash_bot2-15, .mash_bot3-15, .mash_bot5-1 {width:15px;}
.mash_bot3, .mash_bot3-15, .mash_bot11, .mash_bot4 {background: #DAEAF9;}
.mash_bot5-1, .mash_bot5-2, .mash_bot5-3, .mash_bot5-4 {background: #B4C6DA; height: 55px;}
.mash_bot5-2 {width:137px;}
.mash_bot5-3 {width:10px;}
.mash_bot5-4 {width:170px;}

Тоесть если сравнить с преведенным вами кодом ? то такая запись меньше по объему, хотя и чтение ее не совсем очевидно.. потому-как свойства для одного класса могут быть расбросаны по нескольким объявлениям

[Практичный Gendo]

Красота

Большое Спасибо