Question

我目前正在开展一个项目，我只能更改css以调整网站上的任何内容。我有一个表，其中js调用图像为125px x 125px并且具有硬编码到html中的样式以将图像缩放到125px×125px（缩放到66px×95px）。我要找的是至少将其平方到66px x 66px？ style="height:95px;width:66px;border-width:0px;"我遇到的问题是id ctl00_MainCartDisplay_Image_21313_208_0对于被调用的产品是唯一的，所以当我们尝试时

#ctl00_MainCartDisplay_Image_21313_208_0 img {height:50 !important;}

效果很好，删除了_21313_208_0，现在什么都没有？任何帮助都会很棒，下面的代码和谢谢

style="height:95px;width:66px;border-width:0px;"

 <table class="SCNVSCProductSubTable" cellspacing="0" cellpadding="3" border="0"       style="width:200px;border-collapse:collapse;">
    <tr>
      <td valign="top" style="width:66px;"><input type="image"
    name="ctl00$MainCartDisplay$Image_21313_208_0"
    id="ctl00_MainCartDisplay_Image_21313_208_0" src="../art/NoImage66x95.jpg"
    onclick="javascript:WebForm_DoPostBackWithOptions(new
    WebForm_PostBackOptions(&quot;ctl00$MainCartDisplay$Image_21313_208_0&quot;, &quot;&quot;, false, &quot;&quot;, &quot;ProductDetail.aspx?CatalogueID=208&amp;ProductID=21313&quot;, false, false))" style="height:95px;width:66px;border-width:0px;" />
      </td>
      <td align="left" valign="top">&nbsp;</td>
    </tr>
 </table>

Answer 1

您可以使用属性选择器选择id以特定字符串开头的元素。但不适用于IE8及以下版本。

http://www.w3.org/TR/css3-selectors/#attribute-substrings

CSS

[id^="ctl00_MainCartDisplay_Image"] {
  height:50 !important;
}

需要CSS Javascript帮助

1 个答案:

CSS