多个 CSS 类，一个元素答案

【问题标题】：Multiple CSS class, with a element多个 CSS 类，一个元素
【发布时间】：2011-11-01 02:36:05
【问题描述】：

我在表格中有链接。
喜欢：

<table>
 <tr>
   <td><a href="lalala"></a></td>
   <td><a href="lalala"></a></td>
   <td><a href="lalala"</a></td>
   <td><a href="lalala"></a></td>
 </tr>
</table>

我想使用多个类：

<td class="XYtableItem itemID"><a href="lalala" /></td>

问题是：我无法到达 CSS 中的 a 元素我试过这些：

.XYtableItem a {}
a.XYtableItem {}
XYtableItem > a {}

这些都不起作用。我不知道这是否可行。 +我不能把类放到 a 元素中，但没关系，不工作。

【问题讨论】：

缺少结束标记...在您的原始代码中吗？
FF,Safari,IE..不是原版，只是一个例子。

标签： html css class css-selectors

【解决方案1】：

出于好奇，它们应该可以工作，您要对链接应用什么 CSS 规则？请记住，CSS 中可能有一些其他规则会覆盖您的规则，从而给您留下未正确定位链接的印象。

.XYtableItem a

这个应该不错

【讨论】：

【解决方案2】：

第一条规则应该匹配，因为它选择任何a 元素，它是具有XYtableItem 类的元素的后代。

第二条规则将使用 XYtableItem 类的任何 a，第三条规则将是 XTtableItem 元素的后代的任何 a 元素 - 可能只是缺少类选择器 (.)。

尝试将内容添加到您的 a 标记，因为它不应该自动关闭。

http://jsfiddle.net/mfhHG/ 的示例

【讨论】：

【解决方案3】：

正如其他答案所暗示的那样，很可能您的样式可能被其他东西覆盖了。您萤火虫检查元素并跟踪样式..它应该向您显示究竟被哪种样式覆盖了..

【讨论】：

【解决方案4】：

你的 HTML 有一些问题，

<table>
 <tr>
   <td><a href="lalala">Link</a></td>
   <td><a href="lalala">Link2</a></td>
   <td><a href="lalala">Link3</a></td>
   <td><a href="lalala">Link4</a></td>
 </tr>
</table>

而且选择器应该非常简单。

检查这个example。

【讨论】：

【解决方案5】：

<style>
    td.aaa a {
        color: green;
    }
    td.bbb a {
        color: yellow;
    }
</style>

<table>
    <tr>
        <td class="XYtableItem aaa"><a href="lalala">aa</a></td>
        <td class="XYtableItem bbb"><a href="lalala">bb</a></td>
    </tr>
</table>

以上对我有用。（虽然我在 IE 上的标签上使用某些样式时遇到了一些问题，例如填充等）

【讨论】：

可能是因为你的锚标签是空的。