2012-01-14 107 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