我有一个表，我显示/隐藏一个完整的列由jQuery通过CSS类不存在:
<table>
<thead>
<tr>
<th></th>
<th class="target"></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td class="target"></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="target"></td>
<td></td>
</tr>
</tbody>
</table>
有了这个DOM，我可以在一行通过jQuery: $('.target').css('display'，'none');
这是完美的工作，但它是有效的使用CSS类没有定义?我应该为它创建一个空类吗?
<style>.target{}</style>
有没有副作用或者有没有更好的方法?
“CSS类”是一个用词不当;class是分配给HTML元素的属性(从脚本的角度来说，是属性)。换句话说，您在HTML中声明类，而不是在CSS中声明类，因此在您的情况下，“目标”类实际上存在于那些特定的元素上，并且您的标记是完全有效的。
这并不意味着你必须在HTML中声明一个类，然后才能在CSS中使用它。请看ruakh的评论。选择器是否有效完全取决于选择器语法，CSS有自己的一组处理解析错误的规则，这些规则与标记无关。从本质上讲，这意味着HTML和CSS在有效性方面是完全独立的
一旦您理解了这一点，就可以清楚地看到在样式表中不定义.target规则不会产生任何副作用当您将类分配给元素时，您可以通过样式表或脚本中的类引用这些元素。双方都不依赖对方。相反，它们都引用标记(或者更准确地说，它的DOM表示)。即使使用JavaScript来应用样式，这个原则也适用，就像在jQuery一行程序中所做的那样。
当您使用类选择器编写CSS规则时，您所说的一切都是“我想将样式应用于属于该类的元素”。类似地，当您编写一个脚本来根据某个类名检索元素时，您就是在说“我想对属于这个类的元素做一些事情”。是否有元素属于所讨论的类完全是一个单独的问题。
1这也是为什么CSS ID选择器匹配所有给定ID的元素，而不管ID是只出现一次，还是多次出现(导致HTML文档不符合要求)。
我所知道的唯一一种情况是，当一些浏览器因为bug而拒绝正确应用某些其他规则时，这样的空CSS规则是必要的;创建空规则将导致出于某种原因应用其他规则。有关此类错误的示例，请参见下面的回答。然而，这是在CSS方面，因此应该与标记无关。
