Question

我正在帮助在Volusion中设计一个网站并尝试设置一个没有span id的表格。由于表是从Volusion自动生成的，因此无法添加span id。我进入CSS并尝试了一切无济于事。以下是当前代码的一小部分：

<table border="0" cellspacing="1" cellpadding="3" bgcolor="#CCCCCC">
<tr class="colors_backgroundlight">
<td>Item#</td>
<td>Item Name</td>
<td><span class="PageText_L335n"><b>Starting at</b></span></td>
<td><span class="PageText_L71n">Qty</span></td>
<td><b><span class="PageText_L337n">Add</span></b></td>
</tr>
<tr bgcolor="#FFFFFF" class="Multi-Child_Background">
<td class="smalltext colors_text">NFBM665-S</td>
<td class="productnamecolorSMALL colors_productname">Foil Thermal Bubble Mailer, 6" x 6.5" Sample</td>

不幸的是，页面上还有其他表格，所以我不知道该怎么做。是否有任何类型的Javascript代码可以使用，只能针对这个特定的表？谢谢你的帮助。

Answer 1

您将在CSS中隔离表格时遇到同样的问题。

CSS样式可以基于id之外的各种事物来应用。表格在DOM中的相对位置（如果是静态的）将是我的下一个选择。

根据您方案中的DOM，您有一个span元素，它是您所追求的table的兄弟。 span id product_description span，使其在文档中唯一。以下内容将选择该表作为#product_description ~ table { background:yellow; } #product_description ~ table td { padding:25px; }之后的兄弟元素：

<span id="product_description" itemprop="description">
Please Note: For Thermal Bubble Mailer samples, we charge $5.95 for shipping and handling for each sample.<br />
1 sample per item, per customer. Coupon codes cannot be applied to samples.<br /><hr />
</span>
<br /><br />
<div style='height: 15px;'></div>
<div style='clear: both;'></div>

<table border="0" cellspacing="1" cellpadding="3" bgcolor="#CCCCCC">
  <tr class="colors_backgroundlight">
    <td>Item#</td>
    <td>Item Name</td>
    <td><span class="PageText_L335n"><b>Starting at</b></span></td>
    <td><span class="PageText_L71n">Qty</span></td>
    <td><b><span class="PageText_L337n">Add</span></b></td>
  </tr>
  <tr bgcolor="#FFFFFF" class="Multi-Child_Background">
    <td class="smalltext colors_text">NFBM665-S</td>
    <td class="productnamecolorSMALL colors_productname">Foil Thermal Bubble Mailer, 6" x 6.5" Sample</td>
  </tr>
</table>

single.php

Answer 2

您可以使用兄弟姐妹或父元素（祖先）id来在整个html页面中投影表格。

如果您使用的是Chrome浏览器，请检查表格元素，然后右键单击以复制选择器。然后为这个选择器定义你的css。此选择器将在整个HTML页面中唯一地定义您的表。

注意：如果该HTML页面中有固定数量的表，那么使用表索引就可以轻松快捷。

Answer 3

您可以选择具有除id之外的其他属性的元素，例如：

table[bgcolor="#CCCCCC"]

或者您可以链接更多属性：

table[bgcolor="#CCCCCC"][border="0"]

了解详情：http://www.w3schools.com/css/css_attribute_selectors.asp

如何在没有ID的情况下选择样式表？

3 个答案: