我应该避免在样式表中定义的CSS类上使用jQuery选择器吗？

当然，您应该避免在样式表中定义的CSS类上使用jQuery选择器。这是因为样式表是用于定义文档样式的，而jQuery选择器是用于选择元素或文档的。如果在样式表中定义了CSS类，则应使用CSS选择器来选择元素或文档，而不是使用jQuery选择器。

CSS选择器是用于选择元素或文档的最常用和推荐的方法。它们比jQuery选择器更高效，更容易维护和调试。

如果您需要在样式表中定义的CSS类上使用jQuery选择器，则应使用以下方法：

将jQuery选择器放在样式表中的CSS类定义之前。

<style>
  .my-class {
    /* 样式定义 */
  }
  #my-id {
    /* 样式定义 */
  }
  /* 在此处使用 jQuery 选择器 */
  .my-class:hover,
  #my-id:hover {
    /* 样式定义 */
  }
</style>

将jQuery选择器放在样式表中的CSS类定义之后。

<style>
  /* 在此处使用 jQuery 选择器 */
  .my-class:hover,
  #my-id:hover {
    /* 样式定义 */
  }
  .my-class {
    /* 样式定义 */
  }
  #my-id {
    /* 样式定义 */
  }
</style>

无论哪种方法，都应该避免在样式表中定义的CSS类上使用jQuery选择器。