Помоги отредактировать

[deltex]

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

Спойлер

Как видно на скриншоте, при наведении на строку меняется цвет текста на белый, кроме ссылки. Но указании классов для ссылки получается вот так:
 

Спойлер

При наведении на ссылку она становится белой, но если не наводить мышку, остается темного цвета, вывод: классы a, a:hover тут не помогают.
 

Спойлер

table {	
	width: 100%;
	border-collapse: collapse; /* Убираем двойные линии между ячейками */
	padding: 0px; /* Поля вокруг содержимого таблицы */  
	border-radius: 4px;
}
table a {
	color: #444;
}
table a:hover {
	color: #fff;
}
table p {
	color: #444;
}
table p:hover {
	color: #fff;
}
table:hover {
	color: #fff;
	background: #d1233d;
	border-radius:0px;
}
table td {
	overflow:hidden;	
	border-radius: 4 0 0 0px;	
}
table td:nth-of-type(1) {
	width:150px;
	border-radius: 0px 0px 4px 0px;	
}
table td:nth-of-type(2) {
	width:200px;
	border-radius: 0px;	
}
table td:nth-of-type(3) {
	width:100px;
	border-radius: 0px;	
}
table td:nth-of-type(4) {
	width:80px;
	border-radius: 0px;	
}
table td:nth-of-type(5) {
	width:100px;
	border-radius: 0px 0px 0px 4px;	
}
table td {
	overflow:hidden;	
	border-radius: 4 0 0 0px;	
}
table th:nth-of-type(1) {
	width:150px;
	border-radius: 4px 0px 0px 0px;	
}
table th:nth-of-type(2) {
	width:200px;
	border-radius: 0px;	
}
table th:nth-of-type(3) {
	width:100px;
	border-radius: 0px;	
}
table th:nth-of-type(4) {
	width:80px;
	border-radius: 0px;	
}
table th:nth-of-type(5) {
	width:100px;
	border-radius: 0px 4px 0px 0px;	
}
TD {
	padding: 5px; /* Поля вокруг содержимого таблицы */	
	text-align: center;
} 
TD:hover {
	color: #fff;
	padding: 5px; /* Поля вокруг содержимого таблицы */	
	text-align: center;
} 
TH {
	padding: 5px; /* Поля вокруг содержимого таблицы */	
	text-align: center;
	background: #d1233d;
	color: #fff;
} 

Это все, что относится к таблице вывода товара.

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

[ocdroid]

tr:hover a{color:#fff;}

 

[deltex]

4 минуты назад, ocdroid сказал:

tr:hover a{color:#fff;}

 

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

[LadaDed]

Ну, и зачем этот <table> и как теперь мобильную версию верстать? td друг под дружку не сложатся.. они этого не умеют..

[ocdroid]

@LadaDed, hidden-xs и немного UI'шной фантазии - это все, что вам нужно. :)

 

[LadaDed]

32 minutes ago, ocdroid said:

@LadaDed, hidden-xs и немного UI'шной фантазии - это все, что вам нужно.

 

Убить вместо того, чтобы оживить??? Радикально..  но не гуманно