Переписать свойство ширины HTML с помощью CSS

Question

Возможно ли переписать ширину свойства HTML таблицы без использования классов CSS в CSS?

Я пытался что-то вроде этого без каких-либо удачи:

<table cellpadding="0" cellspacing="0" width="180"> 
    <tbody> 
     <tr> 
      <td bgcolor="#f0f0f0"> 
       <img style="display:block;" border="0" src="menu_up.jpg" alt=" " width="20" height="64"> 
      </td> 
     </tr> 
    </tbody> 
</table> 

CSS:

@media only screen and (max-device-width: 480px) { 

    td[width=180] { 
     width: 100px !important; 
    } 

} 

Любые идеи?

Помощь высоко ценится,

Винсент

Answer 1

Да, это возможно. Вам просто нужно выбрать table, а не td, и вы должны поместить значение атрибута width в кавычки (просто попробовали его).

table[width="180"] { 
    width: 100px !important; 
} 

Answer 2

Я думаю, что вы можете, вы просто нацелены на неправильные вещи, а тд {}, попробуйте таблицу {}:

http://jsfiddle.net/adaz/msgtG/

Answer 3

1. Значение в селекторе атрибутов CSS должно быть указано.
2. Использовать table вместо td.

Следующие действия были выполнены в Firefox 9.0.1 (http://jsfiddle.net/WsbP6/).

table[width="180"] { 
    width: 1000px; 
} 

без кавычек, следующее сообщение об ошибке появляется в моей консоли:

Ожидаемый идентификатор или строка для значения в селектор атрибута, но нашел «180».
Правила игнорируются из-за плохого селектора.