2012-01-14 108 views
0

如果不在CSS中使用CSS類,是否可以覆蓋表的HTML屬性寬度?用CSS覆蓋HTML width屬性

我想這樣的事情沒有任何的運氣:

<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; 
    } 

} 

任何想法?

幫助非常感謝,

文森特

回答

1

是的,這是可能的。你只需要選擇table而不是td,你應該把寬度屬性的值放在引號中(剛試過)。

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

'!重要'不是實現目標的必要條件,所以不要使用它。 – 2012-01-14 16:08:43

2
  1. 必須引用CSS屬性選擇器中的值。使用table代替td

以下按照Firefox 9.0.1(http://jsfiddle.net/WsbP6/)中的設計工作。

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

沒有引號,顯示在我的控制檯以下錯誤:

預期標識符或字符串在屬性選擇值,但發現「180」。
由於選擇器錯誤,規則集被忽略。

+0

+1甚至12秒當前寬度比我快回答表上應用此! – noob 2012-01-14 16:39:40