Question

<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td colspan="3"><strong>Billing Name</strong></td>
</tr>
</table>

我无法在此处编辑HTML - 我正在使用＆＃34; CMS＆＃34;称为Luminate Online，当我通过该工具创建类似事件或调查的内容时，它会自动格式化所有内容。我必须回过头来使用他们的类/ ids等手动设置所有内容。然而，有时事情不会有类或ID或任何我可以抓住的样式。就像上面所说的那样，我想要设置单词＆＃34; Billing Name＆＃34;但是我无法弄清楚如何隔离它（因为如果我设置td标签或强标签的样式，它显然会设置我不想要的所有td或强标签）。

是否有某种方法可以使用＆＃34; Billing Name＆＃34;在CSS中隔离这个样式？

如果没有使用CSS的方法，有人会非常友好地向我展示我可以使用的JS或jQuery吗？我没有那些经验，所以对我来说很难。非常感谢你！

Answer 1

您可以使用此选择器：

table[cellspacing='4'] tr > td[colspan='3'] > strong { ... }

我不会使用tbody选择器，因为我不确定每个浏览器是否真的自动插入它。这也是我没有在>和table之间加tr的原因，因为如果tbody存在，它也适用。

此外，您可以添加任何存在的类，在此之前，您甚至可以添加更高级别的元素。另一种更具体的方法是:nth-child和/或:nth-of-type选择器，在您的特定示例中，您可以添加到tr，td和strong

当无法调整HTML时，有没有办法隔离HTML内容以进行样式设计？

1 个答案: